$('#dg').datagrid({
url : '',
//fitColumns : true,//使用该属性后不能用冻结列
border : false,//定义边框
<span style="white-space:pre"> </span>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,
<span style="white-space:pre"> </span>striped:true,//单元格显示条纹
singleSelect:false,//默认不单选
<span style="white-space:pre"> </span>toolbar:'#toolDiv',
columns : [ [ {
<span style="color: rgb(255, 0, 0);">field : 'id',
title : '编号',
width : 0,
checkbox : true</span>
}, {
field : 'name',
title : '角色名称',
width : 0,
sortable : true
}, {
field : 'okflag',
title : '指派状态',
width : 0,
sortable : true,
formatter : function(value, row, index) {
if(value==1){
return '<span title="已指派"><font color=green>已指派</font></span>';
}else{
return '<span title="未指派"><font color=gray>未指派</font></span>';
}
}
}, {
field : 'remark',
title : '角色备注',
width : 0,
sortable : true
} ] ],
<span style="white-space:pre"> </span><span style="color: rgb(255, 0, 0);">onLoadSuccess:function(row){//当表格成功加载时执行
<span style="white-space:pre"> </span>var rowData = row.rows;
<span style="white-space:pre"> </span>$.each(rowData,function(idx,val){//遍历JSON
<span style="white-space:pre"> </span>if(val.okflag==1){
$("#dg").datagrid("selectRow", idx);//如果数据行为已选中则选中改行
}
});
}</span>
});
easy ui datagrid checkbox 默认选中问题
最新推荐文章于 2023-12-14 17:29:21 发布