1、点击每个cell事件
在grid中添加下边的代码
cellclick : function(view, cell, cellIndex, record,row, rowIndex, e) {
var clickedDataIndex = view.panel.headerCt.getHeaderAtIndex(cellIndex).dataIndex;
var clickedColumnName = view.panel.headerCt.getHeaderAtIndex(cellIndex).text;
var clickedCellValue = record.get(clickedDataIndex)
}
2、某个列添加事件,render
var my_grid = Ext.create('Ext.grid.Panel',{
xtype: 'grid',
store: store, //数据自定义
renderTo:Ext.getBody(),
columns: [
new Ext.grid.RowNumberer(),
{ text: '用户名', sortable : true, dataIndex: 'userName' },
{ text: '姓名', sortable : true, dataIndex: 'trueName' },
{ text: '角色', sortable : true,dataIndex: 'roles' },
{ text: '状态',sortable : true, dataIndex: 'stopFlag',
renderer : function(value){
if(value==0){
return "启用";
}else{
return "<font color=red>停用</font>";
}
}
},
{ text: '电话', sortable : true, dataIndex: 'tel' },
//{ text: '员工卡号', sortable : true, dataIndex: 'cardID', width:250 },
{ text: '描述', sortable : true, dataIndex: 'userMemo', width:250 },
{ text: '详细', dataIndex: '', width:50 ,
renderer : function(v) {
return "<span style='margin-right:10px'><a href='#''>查看</a></span>";
}
}
],
listeners: {
cellclick: function( thi, td, cellIndex, record, tr, rowIndex, e, eOpts) {
console.dir(e.getTarget('a')); //判断点击的是哪个cell
console.dir(record);
win(); //创建一个win窗口
}
}
});