Ext.grid.CheckboxSelectionModel

1.CheckboxSelectionModel简写sm
2.实现sm是否显示
后台传入的json对象包含selected属性

{root:[{id:'1',code:'1001',name:'老李',sex:'1',age:'23',selected:false},{id:'2',code:'1002',name:'懒蛋',sex:'1',age:'25',selected:true}
]}

要实现此功能必须也处理全选问题

var sm = new Ext.grid.CheckboxSelectionModel({ checkOnly:true,/*解决sm全选不选中不显示的sm*/selectAll : function(){sm.clearSelections();//清除全部的选区var storeLength = sm.grid.store.getCount();for(var i = 0; i < storeLength; i++){var record = sm.grid.store.getAt(i);//获取record中selected的值var selected = record.data['selected'];if(!selected){var id = record.get('id');//传入一个id，根据id查询缓存里的Record，返回其索引var si = store.indexOfId(id);sm.selectRow(i, true);}}    },/*解决sm是否显示问题*/renderer:function(v, p, record){//获取record中selected的值var selected = record.data['selected'];if(!selected){//selected为false时候显示return '<div class="x-grid3-row-checker"> </div>';}else{//selected为true显示空return '';}}
});

3.sm配置项

var sm = new Ext.grid.CheckboxSelectionModel({  //只允许用户通过复选框执行选中操作handleMouseDown : Ext.emptyFn,//true表示只允许选择单行  singleSelect : true
});

Ext.grid.CheckboxSelectionModel相关推荐

Ext.grid.CheckboxSelectionModel 只能选一行，不能全选和多选
[size=medium]解决方法就是需要在grid里面添加一个属性,sm: sm 把选择模型加上就OK啦如: [color=red] var sm = new Ext.grid.CheckboxS ...
Ext.grid.CheckboxSelectionModel状态设置
直接上代码: var model = grid.getSelectionModel(); model.selectAll();//选择所有行 model.selectFirstRow();//选择第一 ...
Ext.grid.GridPanel,CheckboxSelectionModel的全选的问题
Ext.grid.CheckboxSelectionModel的小问题: 解决方法: //监视Store数据是否变化, 进行一些其它处理; pl_store.on('datachanged', fun ...
[转]Ext Grid控件的配置与方法
http://www.blogjava.net/wangdetian168/archive/2011/04/12/348651.html 1.Ext.grid.GridPanel 主要配置项: sto ...
Ext Grid Json分页（asp.net）
首先感叹extjs的强大,无以言表! 今天瞎弄了很久的grid,看了很多网上的例子和教程,终于搞定了分页和返回的json数据中存在换行符的问题 . 刚开始参照网上的例子怎么弄都不能分页,经过调试发现d ...
ext+dwr DynamicGridPanel 封装态创建ext grid
封装一个动态grid 继承Ext.grid.GridPanel 1.一般只需定义gridcolumns属性即可动态生成grid ,支持各列renderer自定义, 支持store自定义. 其中默认的s ...
Ext.grid.ColumnModel
http://szz0429-126-com.iteye.com/blog/978195 http://www.studyofnet.com/news/136.html (非原创) 2.如何在表格中添 ...
ExtJs之Ext.grid.GridPanel（部分未完）
今天在家休息,年假不用就作费啊. 看了几部香港老电影,陪爸爸看了勇士占奇才, 然后,测试了一下EXTJS未完的内容, 在京东上订了七本历史普及书,近两百块..:) 搞定. ? 1 2 3 4 5 6 ...
Ext.grid.Panel表格分页
Ext.grid.Panel表格分页示例代码: cshtml @{Layout = null; } <!DOCTYPE html> <html> <head>&l ...

Ext.grid.CheckboxSelectionModel

Ext.grid.CheckboxSelectionModel相关推荐

最新文章

热门文章