您现在的位置:首页 >> 前端 >> 内容

easy-ui框架表格中checkbox

时间:2017/8/17 9:13:00 点击:

  核心提示:表格有两个一个是datagrid和editgrid,1.datagrid中的columns可以写成{title: 选择,field: XUANZE,width: 40,align: center,ch...

表格有两个一个是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){//选中记录

}

Tags:EA AS SY YU 
作者:网络 来源:zhang_kang