easyUI-Datagrid设置checkbox时默认选中

[注意红色代码部分哦]

JS代码:

$(function() {
		$('#__MODULE__EditRoleDatagrid').datagrid({
			url : '__URL__/getRole',
			//fitColumns : true,//使用该属性后不能用冻结列
			border : false,//定义边框
            rownumbers:true,//显示行号
			pagination : true,//定义分页组件
			idField : 'id',
			pageSize :10,
			pageList : [10,15,20,30,40,50],
			sortName : 'user_id',
			sortOrder : 'asc',
			checkOnSelect : true,//选择checkbox则选择行
			selectOnCheck : true,//选择行则选择checkbox
			nowrap : true,
            striped:true,//单元格显示条纹
			singleSelect:false,//默认不单选
            toolbar:'#toolDiv',
			columns : [ [ {
				field : 'id',
				title : '编号',
				width : 0,
				checkbox : true
			}, {
				field : 'name',
				title : '角色名称',
				width : 0,
				sortable : true
			}, {
				field : 'okflag',
				title : '指派状态',
				width : 0,
				sortable : true,
				formatter : function(value, row, index) {
				    if(value==1){
				     return '已指派';   
				    }else{
				     return '未指派';   
				    }					
				}
			}, {
				field : 'remark',
				title : '角色备注',
				width : 0,
				sortable : true
			} ] ],
            onLoadSuccess:function(row){//当表格成功加载时执行               
                var rowData = row.rows;
                $.each(rowData,function(idx,val){//遍历JSON
                      if(val.okflag==1){
                        $("#__MODULE__EditRoleDatagrid").datagrid("selectRow", idx);//如果数据行为已选中则选中改行
                      }
                });              
            }
		});

	});


HTML代码:

关键字: 查询


该文章为HongPing626在CSDN首发,如需转载,请注明出处。

如果

你可能感兴趣的:(JS,easyUI)