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
-
});