首页 > 代码库 > ExtJS-Grid框增加复选框checkbox
ExtJS-Grid框增加复选框checkbox
var gridColumnModel = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), new Ext.grid.CheckboxSelectionModel({ singleSelect: false }),//复选框 { header : ‘信息ID‘, dataIndex : ‘INFO_ID‘, sortable : true, align : ‘center‘, width : 80 }, { header : ‘商品ID‘, dataIndex : ‘PRICE_PLAN_CD‘, sortable : true, align : ‘center‘, width : 100 }, { header : ‘商品类型‘, dataIndex : ‘OFFERING_TYPE‘, sortable : true, align : ‘center‘, width : 70 }, { header : ‘管理级别‘, dataIndex : ‘MANAGE_LEVEL‘, sortable : true, align : ‘center‘, width : 70 }, { header : ‘管理编号‘, dataIndex : ‘MANAGE_CODE‘, sortable : true, align : ‘center‘, width : 110 }, { header : ‘目录ID‘, dataIndex : ‘CATEGORY_ID‘, sortable : true, align : ‘center‘, width : 100 }, { header : ‘商品名称‘, dataIndex : ‘NAME‘, sortable : true, align : ‘center‘, width : 150 }, { header : ‘生效时间‘, dataIndex : ‘START_DT‘, sortable : true, align : ‘center‘, width : 120 }, { header : ‘失效时间‘, dataIndex : ‘END_DT‘, sortable : true, align : ‘center‘, width : 120 }, { header : ‘员工ID‘, dataIndex : ‘STAFF_CODE‘, sortable : true, align : ‘center‘, width : 110 }, { header : ‘创建时间‘, dataIndex : ‘CREATE_DT‘, sortable : true, align : ‘center‘, width : 120 }, { header : ‘版本时间 ‘, dataIndex : ‘VERSION‘, sortable : true, align : ‘center‘, width : 120 }, { header : ‘地区ID‘, dataIndex : ‘AREA_ID‘, sortable : true, align : ‘center‘, width : 100 }, { header : ‘描述‘, dataIndex : ‘DESCRIPTION‘, sortable : true, align : ‘center‘, width : 145 }, { header : ‘商品状态‘, dataIndex : ‘OFFERING_STATUS_CD‘, sortable : true, align : ‘center‘, width : 100 }]);
1 var grid = new CDEXT.grid.PageGrid({ 2 cm : gridColumnModel, 3 sm: new Ext.grid.CheckboxSelectionModel ({ singleSelect: false }),//复选框 4 store : store, 5 title : ‘<div align="center">商品信息</div>‘, 6 stripeRows : true, 7 region : ‘north‘, 8 autoScroll : true, 9 height : 300,10 tbar : [‘需求单ID:‘ ,reqIdField, ‘-‘, ‘需求单名：‘,requestField, ‘-‘, ‘商品名：‘, textField, ‘-‘, ‘开始时间(创建)：‘,11 startDate, ‘-‘, ‘结束时间(创建)：‘, endDate, ‘-‘,12 deaSearch,insertSearch],13 bbar : true,14 stripeRows : true,15 loadMask : {16 msg : ‘正在加载数据，请稍侯......‘17 },18 listeners : {19 ‘rowclick‘ : function() {20 var record = grid.getSelectionModel()21 .getSelected();22 if (record) {23 var instanceId = record24 .get(‘PRICING_INSTANCE_ID‘);25 pmstore.setBaseParam("search.prInsId",26 instanceId);27 pmgrid.reload();28 }29 }30 }31 });
上述示例，效果如下
关键点：
在ColumnModel中增加：
new Ext.grid.CheckboxSelectionModel({ singleSelect: false })//复选框
在Grid中增加：
sm: new Ext.grid.CheckboxSelectionModel ({ singleSelect: false })//复选框
取值时：
var records=grid.getSelectionModel().getSelections();
var mycars=new Array();
for(var i=0;i<records.length;i++){
mycars[i]=records[i].data.INFO_ID;
};
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。