easyUI-Datagrid设置checkbox时默认选中

4 篇文章 0 订阅

[注意红色代码部分哦]

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 '<span title="已指派"><font color=green>已指派</font></span>';   
				    }else{
				     return '<span title="未指派"><font color=gray>未指派</font></span>';   
				    }					
				}
			}, {
				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代码:

<div>
	<form id="__MODULE__EditRoleFrom" method="post">
    <input type="hidden" name="id" />
        <div id="toolDiv" style="padding:1px">    
            <span>关键字:</span>    
            <input id="searchKeyWords" name="searchKeyWords" />   
            <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>    
        </div>
        <div data-options="region:'west',border:false">
 		 <table id="__MODULE__EditRoleDatagrid"></table>
	    </div>  
	</form>
</div>


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

如果

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值