EXT中單擊button按鈕grid添加一行(光標位置可設置)的實例代碼
先給大家說下什么是ext
ext是一個強大的js類庫,以前是基于YAHOO-UI,現(xiàn)在已經(jīng)完全獨立了, 主要包括data,widget,form,grid,dd,menu,其中最強大的應該算grid了,編程思想是基于面向對象編程(oop),擴展性相當?shù)暮?可以自己寫擴展.自己定義命名空間.web應用可能感覺太大.不過您可以根據(jù)需要按需加載您想要的類庫就可以了.
主要包括三個大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的類庫,您可以根據(jù)需要進行刪減.官方網(wǎng)站提供這一接口),在引用ext類庫的時候.這三個文件必不可少.
它提供了豐富的,非常漂亮的外觀體驗,成為眾多界面層開發(fā)人員的追捧!其核心的組件基本覆蓋了我們構建富客戶端的常用的組件。
從 Ext 2開始,商業(yè)版(針對那些以盈利為目的的開發(fā)方)要收費了。
這可能會影響一些他的應用前景。 目前的最新版本為3.2.2
1.創(chuàng)建一個添加按鈕,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({//要編輯的表格中的光標出現(xiàn)的位置 row : Ext.getCmp('grid1').getStore().getCount()-1, column : 1 }); } } }
2.調(diào)用這個button按鈕的方法
Ext.getCmp('fbutton').fireEvent('click');
3.grid表格中plugins:屬性的配置:
plugins:[ cellEditing=Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit:1, listeners: { edit: function(editor,e) { } } }) ],
相關文章
淺談JavaScript的push(),pop(),concat()方法
下面小編就為大家?guī)硪黄獪\談JavaScript的push(),pop(),concat()方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06uniapp與webview之間的相互傳值的實現(xiàn)
這篇文章主要介紹了uniapp與webview之間的相互傳值的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-06-06淺析$(function) ready和onload 的區(qū)別
新手剛學習js和jq的時候難免會接觸題目所標識的相關內(nèi)容,下面小編通過本教程給大家講解(function) ready和onload 的區(qū)別,感興趣的朋友一起看看吧2016-09-09JavaScript操作DOM元素的childNodes和children區(qū)別
這篇文章主要介紹了JavaScript操作DOM元素的childNodes和children區(qū)別,本文直接給出測試代碼和運行效果來講解它們之間的區(qū)別,需要的朋友可以參考下2015-04-04JS重寫Date函數(shù)以及兼容IOS系統(tǒng)
這篇文章主要介紹了JS重寫Date函數(shù)以及兼容IOS系統(tǒng),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10