Ext Grid listener
Grid事件-双击，单选等。
2009-08-11 09:49:25|分类： Extjs学习笔记 |字号订阅
1.1事件
1.1.1双击事件- rowdblclick
事件名：rowdblclick
参数：function on<wbr>RowDoubleClick</wbr>(grid, rowIndex,e)
例如：
方法1：使用listeners的方法测试无效。
Ext.on<wbr>Ready</wbr>(function ()
{
var grid = new Ext.grid.GridPanel(
{
autoHeight:true,
ds: ds,
cm: cm,
renderTo: document.body,
listeners:
{
"rowdblclick" : function(grid, rowIndex,e)
{
alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);
}
}
});
});
方法2：用addListener的方法
Ext.on<wbr>Ready</wbr>(function ()
{
var grid = new Ext.grid.GridPanel(
{
autoHeight:true,
ds: ds,
cm: cm,
renderTo: document.body
});
grid.addListener('rowdblclick',on<wbr>RowDoubleClick</wbr>);
grid.show();
});
functionon<wbr>RowDoubleClick</wbr>(grid,rowIndex, e)
{
alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);
}
1.1.2单选事件- rowselect
事件名：rowselect
参数：function(sm, row, rec)
例如：
方法1：使用listeners的方法测试无效。
Ext.on<wbr>Ready</wbr>(function ()
{
var grid = new Ext.grid.GridPanel(
{
autoHeight:true,
ds: ds,
cm: cm,
renderTo: document.body,
sm: new Ext.grid.RowSelectionModel(
{
singleSelect:true,
listeners:
{
//单选事件
"rowselect":function(sm, row, rec)
{
Alert(rec.da<wbr>ta</wbr>.username);
}
});
});
1.1事件
1.1.1双击事件- rowdblclick
事件名：rowdblclick
参数：function on<wbr>RowDoubleClick</wbr>(grid, rowIndex,e)
例如：
方法1：使用listeners的方法测试无效。
Ext.on<wbr>Ready</wbr>(function ()
{
var grid = new Ext.grid.GridPanel(
{
autoHeight:true,
ds: ds,
cm: cm,
renderTo: document.body,
listeners:
{
"rowdblclick" : function(grid, rowIndex,e)
{
alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);
}
}
});
});
方法2：用addListener的方法
Ext.on<wbr>Ready</wbr>(function ()
{
var grid = new Ext.grid.GridPanel(
{
autoHeight:true,
ds: ds,
cm: cm,
renderTo: document.body
});
grid.addListener('rowdblclick',on<wbr>RowDoubleClick</wbr>);
grid.show();
});
functionon<wbr>RowDoubleClick</wbr>(grid,rowIndex, e)
{
alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);
}
1.1.2单选事件- rowselect
事件名：rowselect
参数：function(sm, row, rec)
例如：
方法1：使用listeners的方法测试无效。
Ext.on<wbr>Ready</wbr>(function ()
{
var grid = new Ext.grid.GridPanel(
{
autoHeight:true,
ds: ds,
cm: cm,
renderTo: document.body,
sm: new Ext.grid.RowSelectionModel(
{
singleSelect:true,
listeners:
{
//单选事件
"rowselect":function(sm, row, rec)
{
Alert(rec.da<wbr>ta</wbr>.username);
}
});
});