EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實(shí)例代碼
先給大家說(shuō)下什么是ext
ext是一個(gè)強(qiáng)大的js類(lèi)庫(kù),以前是基于YAHOO-UI,現(xiàn)在已經(jīng)完全獨(dú)立了, 主要包括data,widget,form,grid,dd,menu,其中最強(qiáng)大的應(yīng)該算grid了,編程思想是基于面向?qū)ο缶幊?oop),擴(kuò)展性相當(dāng)?shù)暮?可以自己寫(xiě)擴(kuò)展.自己定義命名空間.web應(yīng)用可能感覺(jué)太大.不過(guò)您可以根據(jù)需要按需加載您想要的類(lèi)庫(kù)就可以了.
主要包括三個(gè)大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的類(lèi)庫(kù),您可以根據(jù)需要進(jìn)行刪減.官方網(wǎng)站提供這一接口),在引用ext類(lèi)庫(kù)的時(shí)候.這三個(gè)文件必不可少.
它提供了豐富的，非常漂亮的外觀體驗(yàn)，成為眾多界面層開(kāi)發(fā)人員的追捧！其核心的組件基本覆蓋了我們構(gòu)建富客戶端的常用的組件。
從 Ext 2開(kāi)始，商業(yè)版(針對(duì)那些以盈利為目的的開(kāi)發(fā)方)要收費(fèi)了。
這可能會(huì)影響一些他的應(yīng)用前景。 目前的最新版本為3.2.2
1.創(chuàng)建一個(gè)添加按鈕，listeners事件中button的單擊事件，
{
id:'button1',
xtype : 'button',
margin : '6',
text : '添加',
name : 'btn-add',
iconCls: 'btn-add',
listeners:{
click:function(){
var r = Ext.create('ItemGridMdl', { //…………
});//要插入表格的數(shù)據(jù)
Ext.getCmp('grid1').getStore().insert(Ext.getCmp('grid1').getStore().getCount(), r);//在表格的最后添加一行
cellEditing.cancelEdit();
cellEditing.startEditByPosition({//要編輯的表格中的光標(biāo)出現(xiàn)的位置
row : Ext.getCmp('grid1').getStore().getCount()-1,
column : 1
});
}
}
}
2.調(diào)用這個(gè)button按鈕的方法
Ext.getCmp('fbutton').fireEvent('click');
3.grid表格中plugins:屬性的配置：
plugins:[
cellEditing=Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit:1,
listeners: {
edit: function(editor,e) {
}
}
})
],
相關(guān)文章
JS獲取屏幕高度的簡(jiǎn)單實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JS獲取屏幕高度的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了關(guān)于Javascript閉包典型應(yīng)用,文中有非常詳細(xì)的代碼示例.對(duì)正在學(xué)習(xí)js的伙伴們有很好的幫助,需要的朋友可以參考下2022-04-04
js實(shí)現(xiàn)select跳轉(zhuǎn)功能代碼
實(shí)現(xiàn)select跳轉(zhuǎn)的方法有很多，本例為大家介紹的是js實(shí)現(xiàn)的，通過(guò)location.href獲取跳轉(zhuǎn)地址，需要的朋友可以看看2014-10-10
js+html+css實(shí)現(xiàn)手動(dòng)輪播和自動(dòng)輪播
這篇文章主要為大家詳細(xì)介紹了js+html+css實(shí)現(xiàn)手動(dòng)輪播和自動(dòng)輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
JavaScript實(shí)現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法,涉及javascript針對(duì)頁(yè)面元素及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
JS代碼格式化和語(yǔ)法著色V2...2006-10-10
這篇文章主要為大家詳細(xì)介紹了純js實(shí)現(xiàn)圖片勻速淡入淡出效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
javascript函數(shù)庫(kù)-集合框架...2007-04-04
flash調(diào)用js中的方法,讓js傳遞變量給flash的辦法及思路
前幾天發(fā)表了 將FlashVars寫(xiě)在JS函數(shù)中，實(shí)現(xiàn)與后臺(tái)的實(shí)時(shí)變量更新，但是僅支持 IE，隨后與 Luckyer 進(jìn)行了交流，發(fā)現(xiàn)用 SetVariable 可以很方便的實(shí)現(xiàn)多瀏覽器兼容。舉例如下。2013-08-08
這篇文章主要為大家詳細(xì)介紹了mescroll.js上拉加載下拉刷新組件的使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11