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 = record
24                                             .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;
         };

转载于:https://www.cnblogs.com/showwangfang/p/3852330.html

ExtJS-Grid框增加复选框checkbox相关推荐

  1. EasyUi datagrid列表增加复选框

    本文为博主原创,未经允许不得转载 1.增加复选框列 {field: 'oid',title: '<input type=\"checkbox\" name=\"se ...

  2. phpcmsV9 添加内容:如何“增加复选框、下拉菜单”(含案例、截图)- 教程篇

    文章目录 phpcmsV9 添加内容:如何"增加多选框.下拉菜单"(含案例.截图)- 教程篇 步骤: 效果截图:省略 phpcmsV9 添加内容:如何"增加多选框.下拉菜 ...

  3. HTML下拉列表(select),单选框(radio), 复选框(checkbox)如何向后端传值

    前言 提示:该文章记录前端往后端传值的一些细节 提示:以下是本篇文章正文内容,下面案例可供参考 一.form是什么? form是前端往后端传值的一个表单 二.html代码如下 1,下拉列表源码 < ...

  4. Vue指令 v-for遍历、下拉列表、单选框、复选框

    4 .v-for遍历 4.1 遍历数组中的对象 格式:v-for="item in list" 里面也可以返回下标 格式:v-for="(item.index) in l ...

  5. 纯css写单选框和复选框的样式和功能

    只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang=" ...

  6. Selenium_WebDriver操作iFrame日历框和复选框_Java

    Selenium_WebDriver操作iFrame日历框和复选框_Java iFrame日历框 页面上遇到iFrame元素时,先用findElement找到这个iFrame元素,然后再WebDriv ...

  7. html:(19):单选框,复选框,下拉列表框

    使用单选框.复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户 ...

  8. 单选按钮带文字_一分钟教会你用Word添加单选框和复选框

    又到学习Word技巧的时候啦!学了这么长时间,你的技能点有没有增加呢?对表格的使用有没有更加熟练了?是否很好奇别人家的表格是怎么弄成可以单选框和复选框的效果呢~~~~下面让小编带你解锁新姿势~ 效果图 ...

  9. java写html的多选框,Selenium+java - 单选框及复选框处理

    Selenium+java - 单选框及复选框处理 一.什么是单选框.复选框? 二.被测页面html源代码 CheckBoxRadioDemo.html CheckBox.Radio练习案例 复选框 ...

最新文章

  1. train loss与test loss结果分析
  2. Zabbix监控zookeeper
  3. python安装报错类型_解决Python安装cryptography报错问题
  4. linux执行命令提示缺少so,Linux软件缺少动态链接库.so怎么办
  5. 互联网公司们眼中的最强quot;世界杯阵容quot;
  6. 微信搜一搜品牌官方区新增视频号触点
  7. c#app.config配置文件使用
  8. weblogic正常启动,但是告警:Could not get configuration lock used to serialize access to c
  9. 【记录贴】Windows连接L2TP
  10. iphone换android手机铃声,iPhone6s怎么更换手机铃声 iPhone苹果6s更换铃声教程
  11. 天骄辅助外挂制作,寻求合作
  12. 腾讯云服务器SSH密匙登录教程(创建密匙/关联/登录)
  13. OllyDbg学习---深入理解消息驱动原理(2)
  14. 使用Driftnet通过Wifi Pumpkin捕获移动图像
  15. maximo数据库配置
  16. 算法逻辑题_二.计算法
  17. 社区检测(网络分析)(图聚类)---进阶概念解析
  18. 计算机之大尾数、小尾数
  19. TIA博图——基本操作
  20. Python实战一:抓取onenet数据

热门文章

  1. 多线程 python tcp 图片_Python第四周之网络编程TCP (服务器/客户端; 线程下载图片;线程版服务器和客户端(单人、多人)) UDP...
  2. python读取文件特定内容_python读取指定内存的内容
  3. WEP自动破解工具wesside-ng
  4. iOS 9应用开发教程之显示编辑文本标签文本框
  5. php记录用户搜索历史记录,PHPCookei记录用户历史浏览信息的代码
  6. 从脑电图(EEG)中提取稳定的模式进行识别
  7. ImportError: Could not import backend for traitsui. Make sure you have a suitable UI toolkit like
  8. matlab ktrlink,大神们,怎么设置滑动滑动条然后出来的图形也跟着变化?
  9. php跟web前端的区别,php与javascript的区别是什么?
  10. 运行个Hello Word也能出Bug?Python、Java、C++等16种语言中枪,最严重可导致文件丢失...