CheckboxSelectionModel



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

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

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

1. var sm = new Ext.grid.CheckboxSelectionModel({
2. checkOnly: true,
3. /*
4. 解决sm全选不选中不显示的sm
5. */
6. selectAll : function(){
7. sm.clearSelections(); //清除全部的选区
8. var storeLength = sm.grid.store.getCount();
9. for( var i = 0; i < storeLength; i++){
10. var record = sm.grid.store.getAt(i);
11. //获取record中selected的值
12. var selected = record.data[ 'selected'];
13. if(!selected){
14. var id = record.get( 'id');
15. //传入一个id，根据id查询缓存里的Record，返回其索引
16. var si = store.indexOfId(id);
17. sm.selectRow(i, true);
18. }
19. }
20. },
21. /*
22. 解决sm是否显示问题
23. */
24. renderer: function(v, p, record){
25. //获取record中selected的值
26. var selected = record.data[ 'selected'];
27. if(!selected){
28. //selected为false时候显示
29. return '<div class="x-grid3-row-checker"> </div>';
30. } else{
31. //selected为true显示空
32. return '';
33. }
34. }
35. });

3.sm配置项

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