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