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 = 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相关推荐
- EasyUi datagrid列表增加复选框
本文为博主原创,未经允许不得转载 1.增加复选框列 {field: 'oid',title: '<input type=\"checkbox\" name=\"se ...
- phpcmsV9 添加内容:如何“增加复选框、下拉菜单”(含案例、截图)- 教程篇
文章目录 phpcmsV9 添加内容:如何"增加多选框.下拉菜单"(含案例.截图)- 教程篇 步骤: 效果截图:省略 phpcmsV9 添加内容:如何"增加多选框.下拉菜 ...
- HTML下拉列表(select),单选框(radio), 复选框(checkbox)如何向后端传值
前言 提示:该文章记录前端往后端传值的一些细节 提示:以下是本篇文章正文内容,下面案例可供参考 一.form是什么? form是前端往后端传值的一个表单 二.html代码如下 1,下拉列表源码 < ...
- Vue指令 v-for遍历、下拉列表、单选框、复选框
4 .v-for遍历 4.1 遍历数组中的对象 格式:v-for="item in list" 里面也可以返回下标 格式:v-for="(item.index) in l ...
- 纯css写单选框和复选框的样式和功能
只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang=" ...
- Selenium_WebDriver操作iFrame日历框和复选框_Java
Selenium_WebDriver操作iFrame日历框和复选框_Java iFrame日历框 页面上遇到iFrame元素时,先用findElement找到这个iFrame元素,然后再WebDriv ...
- html:(19):单选框,复选框,下拉列表框
使用单选框.复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户 ...
- 单选按钮带文字_一分钟教会你用Word添加单选框和复选框
又到学习Word技巧的时候啦!学了这么长时间,你的技能点有没有增加呢?对表格的使用有没有更加熟练了?是否很好奇别人家的表格是怎么弄成可以单选框和复选框的效果呢~~~~下面让小编带你解锁新姿势~ 效果图 ...
- java写html的多选框,Selenium+java - 单选框及复选框处理
Selenium+java - 单选框及复选框处理 一.什么是单选框.复选框? 二.被测页面html源代码 CheckBoxRadioDemo.html CheckBox.Radio练习案例 复选框 ...
最新文章
- train loss与test loss结果分析
- Zabbix监控zookeeper
- python安装报错类型_解决Python安装cryptography报错问题
- linux执行命令提示缺少so,Linux软件缺少动态链接库.so怎么办
- 互联网公司们眼中的最强quot;世界杯阵容quot;
- 微信搜一搜品牌官方区新增视频号触点
- c#app.config配置文件使用
- weblogic正常启动,但是告警:Could not get configuration lock used to serialize access to c
- 【记录贴】Windows连接L2TP
- iphone换android手机铃声,iPhone6s怎么更换手机铃声 iPhone苹果6s更换铃声教程
- 天骄辅助外挂制作,寻求合作
- 腾讯云服务器SSH密匙登录教程(创建密匙/关联/登录)
- OllyDbg学习---深入理解消息驱动原理(2)
- 使用Driftnet通过Wifi Pumpkin捕获移动图像
- maximo数据库配置
- 算法逻辑题_二.计算法
- 社区检测(网络分析)(图聚类)---进阶概念解析
- 计算机之大尾数、小尾数
- TIA博图——基本操作
- Python实战一:抓取onenet数据
热门文章
- 多线程 python tcp 图片_Python第四周之网络编程TCP (服务器/客户端; 线程下载图片;线程版服务器和客户端(单人、多人)) UDP...
- python读取文件特定内容_python读取指定内存的内容
- WEP自动破解工具wesside-ng
- iOS 9应用开发教程之显示编辑文本标签文本框
- php记录用户搜索历史记录,PHPCookei记录用户历史浏览信息的代码
- 从脑电图(EEG)中提取稳定的模式进行识别
- ImportError: Could not import backend for traitsui. Make sure you have a suitable UI toolkit like
- matlab ktrlink,大神们,怎么设置滑动滑动条然后出来的图形也跟着变化?
- php跟web前端的区别,php与javascript的区别是什么?
- 运行个Hello Word也能出Bug?Python、Java、C++等16种语言中枪,最严重可导致文件丢失...