EXTJS4.0 gridpanel 用法筆記~~常用的grid事件

( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )         //鼠標的單擊事件

( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )       //鼠標的右鍵事件

( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )              //鼠標的雙擊事件

( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )      

( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )

( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )

( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )


添加時間的方法

1.創建grid時添加


var grid = Ext.create('Ext.grid.Panel', {

renderto: Ext.getBody(),   

frame : true,

store : store,

layout : {

type : 'hbox',

align : 'stretch'

},

width : 500,

heigh : 100,

columns : [ {

header : '名稱',

flex : 1,

sortable : true,

dataIndex : 'NAME'

}, {

header : '路徑',

flex : 1,

sortable : true,

dataIndex : 'PATH',

hidden : true

}, {

header : '操作',

flex : 1,

sortable : true,

dataIndex : 'ACTION'

} ],

listeners:{

 '':function(view,record,item,index,e){

}

},

viewConfig : {

forceFit : true,

scrollOffset : 0

}

});


2.後續添加

grid.addListener('itemclick',click,this);

function click(view,record,item,index,e){

if (typeof (record.raw) != 'undefined') {
        name= record.raw.NAME;           //獲取單擊行的相應數據
        path= record.raw.PATH;
        num = index;

}

}




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章