站内搜索:
首页 >> 前端 >> 内容
easy-ui框架表格中checkbox

时间:2017/8/17 9:13: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 ‘<78input type=”checkbox” name=”JSFkd’ + row.JLBH + ‘” >’;

}

}(78两个数字多余的)

返回一个checkbox选择框,name是根据这一行数据的编号重新生成的。

在页面中添加一个全选事件

function QXButton(){

var Qrow = $(“#FKJSDTableId”).datagrid(‘getRows’);

    for(var i=0;i<qrow.length;i++){ if(qrow[i].jlbh="" &&="" qrow[i].jlbh!="合计" ){="" $("input[name="JSFkd&quot;+Qrow[i].JLBH+&quot;]&quot;)[0].checked=true;//传过来的是数组,全选" ,全不选,为false="" }="" 

 

在页面中判断选中的记录

var selected_rows= $(“#FKJSDTableId”).datagrid(‘getRows’);//所有记录

if(!$(“input[name=JSFkd”+selected_rows[i].JLBH+”]”)[0].checked){//选中记录

}

  • 上一篇:ng-class指令的使用和介绍
  • 下一篇:HTML蒙板加载中效果...
  • 返回顶部