EasyUI中DataGrid的checkbox判断是否选中

莲寐

于 2021-04-01 17:02:44 发布

阅读量2.7k

点赞数 1

分类专栏： Easyui 文章标签： easyui datagrid

本文链接：https://blog.youkuaiyun.com/u013059089/article/details/115377854

版权

Easyui 专栏收录该内容

7 篇文章

订阅专栏

序言

EasyUI中的DataGrid功能很强大，提供了非常丰富的属性、事件等方法等
EasyUI Datagrid 数据网格
但是有些功能使用不方便。例如提交表格所有数据，且后台更具数据的是否选中做区别处理
由于个人才疏学浅，采取曲线救国策略解决问题

解决处理

表格代码如下

('#dg').datagrid({
    url:'',
    singleSelect:true,
    checkOnSelect:false,
    selectOnCheck:false,
    columns:[[
		{field:'activeFlag',type:'checkbox' title:'',width:100},
		{field:'flowCode',title:'流程序号',width:100},
		{field:'flowDesc',title:'流程描述',width:100,align:'right'}
    ]]
});

获取数据

function GetData(){
	var $grid = $('#gridPhlFlow');
	var gridRows = $grid.datagrid('getRows');	//获取所有数据
	
	var chkRows=$grid.datagrid('getChecked');   //获取所有被选中的行
	var CodeArr=[];
    $.each(chkRows,function(i,data){
		CodeArr["Code"+data.flowCode]=""			
    })
    var dataArr = [];
    for (var i = 0; i < gridRows.length; i++) {
        var rowData = gridRows[i];
        var activeFlag=""; 
        var flowCode=rowData.flowCode;
        if(CodeArr["Code"+flowCode]==undefined){
	    	activeFlag="0"
	    }else{
			activeFlag="1"
		}	    
        var iJson = {
            flowCode: flowCode,
            activeFlag: activeFlag
        };
        dataArr.push(iJson);
    }
    return JSON.stringify(dataArr)
 }