EXTJS4.0 gridpanel 用法笔记～～常用的grid事件

原文出处:http://blog.youkuaiyun.com/zhangzhida163/article/details/7225005

itemclick(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )         //鼠标的单击事件

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

itemdblclick(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )              //鼠标的双击事件

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

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

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

itemmouseup(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:{

 'itemclick':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;

}

}