`
xixian
  • 浏览: 216395 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext 设置CheckboxSelectionModel数据选中

 
阅读更多
转载
http://fireinjava.iteye.com/blog/483922

var recordIds=new Array();// 选中的Record主键列id列表  
var recordsChecked=new Array();// 选中的Record列表  
  
var store = new Ext.data.JsonStore({  
                url : 'viewXXX.do',  
                pruneModifiedRecords : true,  
                totalProperty : 'totalProperty',  
                root : 'root',  
                fields : [{name : 'id'},   
                          {name : 'status'}  
                          ],  
                listeners : {  
                    load : function() {  
                        var records = new Array();  
                        store.each(function(record) {  
                            if (recordIds.contains(record.data.id))  
                                 records.push(record);  
                        });  
                        selMod.selectRecords(records, true);// 以后每次load数据时,都会默认选中  
                    }  
                }  
            });  
      
    var selMod = new Ext.grid.CheckboxSelectionModel({  
        handleMouseDown : Ext.emptyFn,  
                listeners : {  
                    "rowdeselect" : {  
                        fn : function(e, rowIndex, record) {  
                            if (recordIds.contains(record.data.id)) {  
                                recordIds.remove(record.data.id);  
                                recordsChecked.remove(record);  
                            }  
                        }  
                    },  
                    "rowselect" : {  
                        fn : function(e, rowIndex, record) {  
                            if (!recordIds.contains(record.data.id))  
                                recordIds.push(record.data.id);  
                            recordsChecked.push(record);  
                        }  
                    }  
                }  
            });  
分享到:
评论

相关推荐

    ExtJs grid多选时获取选中的所有值

    通过使用`CheckboxSelectionModel`,我们可以轻松地为Grid添加多选功能,并通过`getSelections()`方法获取所有选中行的数据。这对于实现常见的批量操作功能非常有帮助。此外,还可以结合其他事件处理逻辑,实现更...

    EXT学习心得,ext

    2. **使用CheckboxSelectionModel**:这是另一种实现复选框选择的方式,通过实例化`Ext.grid.CheckboxSelectionModel`并将其添加到表格配置的`sm`属性中。这种模式支持多选,并且可以轻松地获取所有被选中的行记录。...

    Ext2.0示例讲解

    扩展到更复杂的需求,例如在表格中添加CheckBox选中功能,可以创建一个CheckboxSelectionModel并将其添加到ColumnModel中: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid...

    Ext常用功能开发总结

    数据通常存储在`Ext.data.Store`对象中,可以使用`fields`配置数据结构,`data`或`proxy`设置数据来源。 #### 表格数据的列定义 列定义通过`columns`数组进行,每个元素代表一列,包含`text`(列标题)、`dataIndex...

    解析Extjs与php数据交互(增删查改)

    然后,定义了JSONReader来解析返回的数据,设置了数据的根目录`totalProperty`和`root`,并指定了Record映射,即每列对应的数据字段`id`、`name`、`pass`、`sex`和`email`。 在Store中,我们设置了数据的来源...

    第三方控件Coolite使用教程

    为了在表格中添加CheckBox选中功能,我们需要创建一个CheckboxSelectionModel实例,并将其添加到ColumnModel中: ```javascript var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid....

    combobox Ext之扩展组件多选下拉框

    - `store`:用于存储下拉选项的数据源,可以是数组或Ext.data.Store对象。 2. **多选事件处理**: - `select`事件:在多选模式下,当用户添加或移除选项时,这个事件会被触发。我们需要监听此事件来处理值的改变...

    extjs打印功能

    ExtJS 提供了多种方式来实现打印功能,本文将重点介绍如何通过 ExtJS 实现选中列的打印。 #### 二、打印功能的实现原理 在 ExtJS 中实现打印功能主要依赖于浏览器的打印功能以及对数据网格的处理。具体来说,可以...

    Grid得到选择行数据的方法总结

    //得到选择所有行 //注:如果不声明var sm = new Ext.grid.CheckboxSelectionModel();则会报此句没有该对象或属性 Var selectRows = grid.getSelectionModel().getSelections(); selectRows[0].get(“gird中某列的...

    Extjs 增删改查

    - `filters`:用于设置Grid的数据过滤规则,默认为空字符串。 - `el`:指定Grid渲染到页面的具体元素,默认为文档的body。 - `editUrl` 和 `deleteUrl`:分别为更新和删除操作的后端处理URL。 - `storeUrl` 和 `...

    ExtJS Grid使用SimpleStore、多选框的方法

    在创建CheckboxSelectionModel时,我们传入了一个配置对象,其中包含一个handleMouseDown属性,并设置为Ext.emptyFn(空函数)。这是为了在ExtJS的旧版本中避免在使用checkcolumn插件时可能出现的问题。 然后,我们...

    asp.net coolite 删除时弹出确定按钮

    Coolite.Ext.Web.CheckboxSelectionModel rsm = GridPanel1.SelectionModel.Primary as Coolite.Ext.Web.CheckboxSelectionModel; int count = 0; foreach (Coolite.Ext.Web.SelectedRow sm in rsm.SelectedRows...

Global site tag (gtag.js) - Google Analytics