进来项目中需要使用双击/单击行记录来获取数据,将实现的方式记录如下:
1、双击
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowdblclick', rowdblclickFn);
function rowdblclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
2、单击
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowclick', rowclickFn);
function rowclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
初始化时添加:以上那个是单独写的添加单击双击事件,主要使用addListener添加'rowclick'和'rowdblclick'代表单击和双击事件。而初始化配置,只要配置Grid里面的listeners就可以了!
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowclick', rowclickFn);
function rowclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
var grid = new Ext.grid.GridPanel({
store: <your datastore>,
columns:[<your columns>],
renderTo:'example-grid',
height:200,
listeners:{
//单击
rowdblclick : function(grid,row){
alert("rowdblclick")
},
//双击
rowclick:function(grid,row){
alert('rowclick')
}
}
});
恩,我找了一些资料并且自己也实践了一下,的确能用!,大家互相学习吧
资料来源:
http://hi.baidu.com/k_boy/blog/item/da3f3afa86910b809e5146f9.html
http://marco--liu.iteye.com/blog/109181
http://qixiaopeng.iteye.com/blog/419155
分享到:
相关推荐
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
Ext grid panel 滚动条位置不变,适用于实时数据的刷新
本实例使用官方Ext3.1包 ...1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢
NULL 博文链接:https://damen.iteye.com/blog/946039
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
官方例子 Ext grid filter
Ext Grid表格的自动宽度及高度的实现
非常珍贵的初学者资源,详细的使用了ext的各种常用组件和类库,例子完完整整,能运行,数据库资源直接在配置文件里面写就行,是那种就换成什么,非常方便大家使用和参考。
一个完整的ext中grid与tree的使用,是很好的一个学习例子.
EXT grid导出EXCEL,有事例,下载后直接可用
Grid实现中文排序的功能,重写Ext.data.Store的applySort函数
一个EXT GRID的实例。是一个人新增人员的BS界面形式的程序。很漂亮的界面风格,很人性化的功能支持。
Ext4 grid打印,打印预览,复杂表头打印,等等都实现了!
Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列