DataGrid其中与选择,勾选相关DataGrid属性:
singleSelect boolean 如果为true,则只允许选择一行。 false
ctrlSelect boolean 在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作。(该属性自1.3.6版开始可用)
checkOnSelect boolean 如果为true,当用户点击行的时候该复选框就会被选中或取消选中。如果为false,当用户仅在点击该复选框的时候才会呗选中或取消。(该属性自1.3版开始可用) true
selectOnCheck boolean 如果为true,单击复选框将永远选择行。如果为false,选择行将不选中复选框。(该属性自1.3版开始可用)DataGrid列是一个数组对象,该元素也是一个数组对象。元素数组里面的元素是一个配置对象,它用来定义每一个列字段。
checkbox boolean 如果为true,则显示复选框。该复选框列固定宽度。 DataGrid事件onSelect rowIndex, rowData 在用户选择一行的时候触发,参数包括:rowIndex:选择的行的索引值,索引从0开始。rowData:对应于所选行的记录。
onUnselect rowIndex, rowData 在用户取消选择一行的时候触发,参数包括:rowIndex:选择的行的索引值,索引从0开始。rowData:对应于取消选择行的记录。
onSelectAll rows 在用户选择所有行的时候触发。
onUnselectAll rows 在用户取消选择所有行的时候触发。
onCheck rowIndex,rowData 在用户勾选一行的时候触发,参数包括:rowIndex:选中的行索引,索引从0开始。rowData:对应于所选行的记录。(该事件自1.3版开始可用)
onUncheck rowIndex,rowData 在用户取消勾选一行的时候触发,参数包括:rowIndex:选中的行索引,索引从0开始。rowData:对应于取消勾选行的记录。(该事件自1.3版开始可用)
onCheckAll rows 在用户勾选所有行的时候触发。(该事件自1.3版开始可用)
onUncheckAll rows 在用户取消勾选所有行的时候触发。(该事件自1.3版开始可用) 方法getChecked none 在复选框呗选中的时候返回所有行。(该方法自1.3版开始可用)
getSelected none 返回第一个被选中的行或如果没有选中的行则返回null。
getSelections none 返回所有被选中的行,当没有记录被选中的时候将返回一个空数组。
clearSelections none 清除所有选择的行。
clearChecked none 清除所有勾选的行。(该方法自1.3.2版开始可用)
selectAll none 选择当前页中所有的行。
unselectAll none 取消选择所有当前页中所有的行。
selectRow index 选择一行,行索引从0开始。
selectRecord idValue 通过ID值参数选择一行。
unselectRow index 取消选择一行。
checkAll none 勾选当前页中的所有行。(该方法自1.3版开始可用)
uncheckAll none 取消勾选当前页中的所有行。(该方法自1.3版开始可用)
checkRow index 勾选一行,行索引从0开始。(该方法自1.3版开始可用)
uncheckRow index 取消勾选一行,行索引从0开始。(该方法自1.3版开始可用) 

项目代码实例

function findCustomerCanUseBailInfo(customerId,agencyId){$('#t_customerCanReturn').datagrid({idField : 'id', // 只要创建数据表格 就必须要加 ifFieldtitle : null,fit : true,url : parent.baseUrl+ 'customer/bail/bailPayDetailsForAuctions?customerId='+customerId+'&&agencyId='+agencyId,method : 'POST',fitColumns : false,nowrap : false,striped : true, // 隔行变色特性SloadMsg : '数据正在加载,请耐心的等待...',rownumbers : true,//sortName : 'customerNo',//sortOrder : 'desc',
                rowStyler : function(index, record) {},onSelect: function( rowIndex, rowData){returnBailForAuctionsSum = Number(returnBailForAuctionsSum)+Number(rowData.canReturnBail);$('#bailReturnSum').textbox('setValue',returnBailForAuctionsSum);},onUnselect: function (rowIndex, rowData) {returnBailForAuctionsSum = Number(returnBailForAuctionsSum)-Number(rowData.canReturnBail);$('#bailReturnSum').textbox('setValue',returnBailForAuctionsSum);},onSelectAll:function(rowIndex, rowData){if (selectAllFlag == 1) {var arr = $('#t_customerCanReturn').datagrid('getSelections');if (arr.length <= 0) {$('#bailReturnSum').textbox('setValue',returnBailForAuctionsSum);return ;} returnBailForAuctionsSum = 0;for (var i = 0; i < arr.length; i++) {returnBailForAuctionsSum = Number(returnBailForAuctionsSum)+Number(arr[i].canReturnBail);}$('#bailReturnSum').textbox('setValue',returnBailForAuctionsSum);}},onUnselectAll:function(rowIndex, rowData){returnBailForAuctionsSum = 0;$('#bailReturnSum').textbox('setValue',returnBailForAuctionsSum);             },frozenColumns : [ [ // 冻结列特性 ,不要与fitColumns 特性一起使用
                {field : 'ck',width : 50,checkbox : true} ] ],columns : [ [ {field : 'bailClass',title : '保证金类别',width : 75,align : 'center',formatter : returnFtt},{field : 'agencyName',title : '市场名称',width : 120,align : 'center',}, {field : 'payWay',title : '支付渠道',width : 80,align : 'center',formatter : payWayFtt}, {field : 'bailPayMoney',title : '缴纳金额',width : 80,align : 'center',}, {field : 'payWayName',title : '支付方式',width : 105,align : 'center',}, {field : 'returnBailPay',title : '已退金额',width : 80,align : 'center',formatter : frozenFtt}, {field : 'canReturnBail',title : '可退金额',width : 105,align : 'center',formatter : frozenFtt}, {field : 'frozenMoney',title : '冻结金额',width : 80,align : 'center',formatter : frozenFtt}, {field : 'lockBailMoney',title : '锁定金额',width : 80,align : 'center',}, {field : 'payTime',title : '缴纳时间',width : 180,align : 'center',},{field : 'handlerWin',title : '窗口',width : 80,align : 'center',},{field : 'remarks',title : '备注',width : 180,align : 'center'}/*, {field : 'action',title : '退款金额',width : 120,align : 'center',formatter : returnBailFtt1} */] ],onLoadSuccess:function(){$('#t_customerCanReturn').datagrid('selectAll');var arr = $('#t_customerCanReturn').datagrid('getSelections');if (arr.length <= 0) {returnBailForAuctionsSum = 0;$('#bailReturnSum').textbox('setValue',0);return ;} returnBailForAuctionsSum = 0;for (var i = 0; i < arr.length; i++) {returnBailForAuctionsSum = Number(returnBailForAuctionsSum)+Number(arr[i].canReturnBail);}$('#bailReturnSum').textbox('setValue',returnBailForAuctionsSum);selectAllFlag = 1;},/*pagination : true,pageSize : 10,pageList : [ 5, 10, 15, 20, 50 ],*/});
}function returnBailFtt1(){var f = '<input type="text" style="width:100px;" value=""/>';return f;
}

easyui datagrid checkbox的相关属性整理相关推荐

  1. jQuery EasyUI DataGrid Checkbox 数据设定与取值

    纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...

  2. easyui datagrid 绑定json对象属性的属性

    今天用easyui 的datagrid绑定数据时,后台提供的数据是实体类类型的,其中有一个实体类A的属性b是另一个实体类B类型的,而前台需要显示b的属性c,这下就悲剧了,前台没法直接绑定了,后来脑筋一 ...

  3. easyui datagrid 表格组件列属性formatter和styler使用方法

     明确单元格DOM结构 要想弄清楚formatter和styler属性是怎么工作的,首先要弄清楚datagrid组件内容单元格的DOM接口,注意,这里指的是内容单元格,不包括标题单元格,标题单元格 ...

  4. easyui js解析字符串_jquery easyui datagrid:使columns的field支持点连接的字符串属性...

    javascript语法为我们提供了两种方式获取一个对象的属性:点字符连接和[]方式.使用[]可以很方便的将一个属性通过字符串的方式获取.但是javascript并没有提供点连接的字符串属性访问方式, ...

  5. jquery easyui datagrid 显示外键/子属性/二层属性的值的方法

    数据库中有个学生表student,我使用SSH2框架,通过名为findForPage的action将数据库表student的内容读出,并转为json字符串,输出到页面,然后通过datagrid,将列表 ...

  6. easyui 表头合并_JQuery EasyUI DataGrid动态合并(标题)单元) 一

    JS: /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如:&q ...

  7. 反射实体自动生成EasyUi DataGrid模板 第二版--附项目源码

    之前写过一篇文章,地址  http://www.cnblogs.com/Bond/p/3469798.html   大概说了下怎么通过反射来自动生成对应EasyUi datagrid的模板,然后贴了很 ...

  8. 关于EasyUI DataGrid行编辑时嵌入时间控件

    本人做一个名为"安徽中控"项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必 ...

  9. 蚂蚁金服 Ant-design 常用组件和属性整理

    蚂蚁金服 Ant-design 常用组件和属性整理 本文摘录自:AntDesign官网 1. 通用组件 1.1 Buttondisabled - booleanghost - booleanhref ...

最新文章

  1. java package作用_java import、package作用与用法
  2. 我以前用过的一个洗牌算法
  3. 启明云端分享|ESP32-C3有望三月中旬量产出货,ESP32-C3-MINI-1模块技术规格书分享
  4. 数据包通过分层模型实现通信的过程
  5. web service notes
  6. freenas安装使用和弃坑
  7. 实例解析Java class文件格式
  8. linux 下 storm环境搭建,Storm在Ubuntu环境下的单机部署
  9. history(路由控制)
  10. sun认证 java怎么考_Sun认证Java开发员考试介绍
  11. Android 多线程断点下载
  12. 电脑如何录制游戏视频
  13. DirectX 开启硬件加速
  14. 女神异闻录5(p5)系统拆解
  15. 北京市工作居住证办理流程以及资料
  16. C# 调用ffmpeg把rtsp视频流保存为MP4文件
  17. 软件设计师(八)汇总-选择题
  18. html提交成功跳转页面,提交表单后跳转到想要的页面--jQuery form
  19. 云原生 (Cloud Native) = 微服务 + DevOps + 持续交付 + 容器化 ?
  20. XBox360-双光盘游戏自制GOD

热门文章

  1. [置顶] mmog游戏开发之业务篇
  2. Linux(CentOS)安装分区方案
  3. linux下Makefile中包含有shared library动态链接库文件时候的简单例子
  4. 创建型模式——Factory Method(未完)
  5. 步步为营UML建模系列二、部署图(Deployment Diagram)
  6. ActiveMQ学习(七)
  7. 豪掷十亿拿下CUBA运营权,阿里体育未来也许并不轻松
  8. Redis学习笔记02--主从数据库配置
  9. C# 如何以参数的形式调用.exe程序
  10. php源码之计算两个文件的相对路径