easy-ui中表格中动态添加checkbox,和全选事件和判断选中事件
来源:互联网 发布:蓝牙适配器串口软件 编辑:程序博客网 时间:2024/05/16 01:00
表格有两个一个是datagrid和editgrid,
1.datagrid中的columns可以写成
{ title: '选择', field: 'XUANZE', width: '40', align: 'center', checkbox:true}
2.editgrid中checkbox:true不起作用,需这样写
{ title: '选择', field: 'XUANZE', width: '40', align: 'center', formatter :function(value,row,index){ return '<input type="checkbox" name="JSFkd' + row.JLBH + '" >'; //使用动态name生成,必须将表格再重新进行一次loadData(加载),否则,生成的checkbox的name值都为“JSFkdundefined” ;遇到不能够重新loadData的,可以将上面的name改为=“JSFkd”+index;,这样每一行的checkbox都对应的name值不一样,可以单独操作管理了。 }}
返回一个checkbox选择框,name是根据这一行数据的编号重新生成的。
在页面中添加一个全选事件
function QXButton(){ var Qrow = $("#FKJSDTableId").datagrid('getRows'); for(var i=0;i<Qrow.length;i++){ if(Qrow[i].JLBH && Qrow[i].JLBH!="合计"){ //jquery对象改成dom对象,所有【0】。使用dom对象的属性checked赋值为true,在这里多说一点,jquery对象转换成dom对象一般情况下jquery为数组对象,【0】就为dom对象,也可以get(index),则get(0)跟【0】一样作用。 //当然dom对象转成jquery对象,也非常容易加上$()就是jquery对象了 //传过来的是数组,全选 ,全不选,为false $("input[name=JSFkd"+Qrow[i].JLBH+"]")[0].checked=true; } }}
在页面中判断选中的记录
//所有记录var selected_rows= $("#FKJSDTableId").datagrid('getRows');//选中记录 判断dom对象的checked属性是不是tureif($("input[name=JSFkd"+selected_rows[i].JLBH+"]")[0].checked){ //选中操作}
阅读全文
0 0
- easy-ui中表格中动态添加checkbox,和全选事件和判断选中事件
- jQuery中checkbo添加事件,判断是否选中和设置选中与取消选中
- 表格tr选中的样式变化和checkbox选中事件
- Semantic UI 中Checkbox的选中等事件
- winform中动态添加控件和事件
- CheckBox在表格中全选、部分选和反选
- CheckBox在表格中全选、部分选和反选
- js checkbox全选和取消的事件
- android_动态添加按钮和事件中添加按钮
- table表格的checkbox的全选和选中
- ListView中获取checkbox选中事件
- JQuery 判断checkbox是否选中,checkbox全选反选,以及执行click事件
- 单个和多个checkbox选中事件
- 单个和多个checkbox选中事件
- js动态添加表格,全选和删除
- MFC中动态添加菜单项和响应菜单事件
- UGUI中Button和Toggle 添加动态事件
- MFC中动态添加菜单项和响应菜单事件
- [设计模式](四):建造者模式(Builder)与原型模式(Prototype)[含Kotlin深克隆实例代码]
- bool型判断一年是否是闰年
- python编程从入门到实践 10-6 加法运算
- jQuery中$(function() {});
- sql语句修改某个字段的部分内容
- easy-ui中表格中动态添加checkbox,和全选事件和判断选中事件
- ZigBee TI ZStack CC2530 2.2 ZigBee规范版本
- gradle加速下载jar包
- 解决浏览器记住密码输入框的问题
- HTML5-canvas
- 如何将c语言的变量传递给shell脚本使用
- eclipse中如何找到jar包关联的源文件
- Mac os x 下配置Intellij IDEA + Tomcat 出现权限问题的解决办法
- RS-422接口定义