Extjs将gird中指定行的复选框勾选
2015-11-12 13:53
363 查看
在Extjs中,可以通过 selType添加复选框
[javascript] view
plaincopy
Ext.define('ConnGrid', {
title:'关联',
extend: 'Ext.grid.Panel',
xtype: 'checkbox-selection',
store: connStore,
selType: 'checkboxmodel', //复选框
....此处省略...
}
)
var connGrid = Ext.create('ConnGrid');
如果想要在表格加载数据时自动指定符合某个条件的数据自动勾选怎么做呢?
可以在该表格的store的load属性中添加callback,这样将会在store加载完数据后执行,然后通过select方法勾选。
[javascript] view
plaincopy
connStore.load({
callback: function(records, options, success){
//该数组存放将要勾选的行的record
var arr = [];
for (var i = 0; i < records.length; i++) {
arr.push(records[i]);
}
connGrid.getSelectionModel().select(arr);//选中指定行
}
});
我是上面这样写的,但最好是在定义store时写在store的定义里,这样就只写一次可以了,而不必每次调用store.load()方法时都这样写
[javascript] view
plaincopy
Ext.define('ConnGrid', {
title:'关联',
extend: 'Ext.grid.Panel',
xtype: 'checkbox-selection',
store: connStore,
selType: 'checkboxmodel', //复选框
....此处省略...
}
)
var connGrid = Ext.create('ConnGrid');
如果想要在表格加载数据时自动指定符合某个条件的数据自动勾选怎么做呢?
可以在该表格的store的load属性中添加callback,这样将会在store加载完数据后执行,然后通过select方法勾选。
[javascript] view
plaincopy
connStore.load({
callback: function(records, options, success){
//该数组存放将要勾选的行的record
var arr = [];
for (var i = 0; i < records.length; i++) {
arr.push(records[i]);
}
connGrid.getSelectionModel().select(arr);//选中指定行
}
});
我是上面这样写的,但最好是在定义store时写在store的定义里,这样就只写一次可以了,而不必每次调用store.load()方法时都这样写
相关文章推荐
- JS闭包与变量
- javascript 将数字变为可读取型式
- javascript【字符串】相关函数
- js 事件绑定的方法
- js 事件绑定的方法
- 3. javascript 引擎Rhino源代码分析 浅析 实例函数对象及this
- json的发送和接收
- js 函数参数
- jstack使用-倒出线程堆栈
- 我们来谈谈promise,讨论一下如何优雅的避免多层回调嵌套的问题
- Json数据在线格式化
- CreateJs系列教程之 EaselJs_3_绘制移动矩形(Shape)
- Extjs 动态Gird【列名动态创建】
- javaScript细节之生成不重复的随机数
- C# WebService的简单和复杂参数类型和结果的JSON格式
- js检测浏览器中是否安装了flash播放插件
- js判断是否位数字
- MSCRM4.0如何使js事件在批量编辑表单中触发
- JS 弹出遮罩层,内部为DIV
- js获取网页高度