EXT CheckboxSelectionModel 多选效果以及获取选定值

最新推荐文章于 2016-12-30 19:55:00 发布

GoGO12580

最新推荐文章于 2016-12-30 19:55:00 发布

阅读量691

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/GOGO688969/article/details/42105225

本文详细介绍了如何使用Ext.js库创建一个具备复选框选择功能的网格组件，包括配置选择模型、设置网格面板属性、实现数据加载与展示、以及获取选择项等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

            var gridSm=new Ext.grid.CheckboxSelectionModel({singleSelect:false});
      var dataGrid=new Ext.grid.GridPanel({
           id:'qm.frame.EquipmentGridId',
           region:'center',
            frame: false,
            loadMask: true,
            viewConfig: {
                forceFit: false
            },
            store:gridtore,
            sm:gridSm,
            colModel: new Ext.grid.ColumnModel({
                defaults: {
                    width: 110,
                    sortable: true
                },
                columns: [
                    new Ext.grid.RowNumberer(),
                    gridSm,
                    {header: 'ID',width:80, dataIndex:'oid'},

]

}

});

var record = dataGrid.getSelectionModel().getSelections();

           var arrayObj = new Array();
           for(var i=0;i<record.length;i++){
               var b=arrayObj.push(record[i].get("oid"));//将选中的每一条数据的oid放入数组中
           }
           var equipIds = record[0].get("oid");//选中的第一条数据