当前位置: 首页 > 工具软件 > EasyUI > 使用案例 >

【EasyUI】easyui datagrid selectRecord的用法

宰父智敏
2023-12-01

1、使用后达成效果:表格刷新依旧选中该行

2、配置方法:

//① 如果是js中配置表格,则加上*idField: "id",*配置项
idField: "rowid",
//列配置:
{
   field: 'rowid',
   title: 'ID',
   width: 30,
   hidden: true
            },
//② html中配置表格,则加上*idField="id",*配置项

//具体示例 ---- js配置:   
 var MainGridObj = $HUI.datagrid("#MainGrid", {
        url: $URL,
        queryParams: {
            ClassName: "---",
            MethodName: "---",  
            data: ""
        },
        fitColumns: false, //列固定
        loadMsg: "正在加载,请稍等…",
        autoRowHeight: true,
        singleSelect: true,
        rownumbers: true, //行号
        idField: "rowid",
        singleSelect: true, //只允许选中一行
        pageSize: 20,
    });
    //具体示例 --- html中配置
        <table id="MainGrid" class="easyui-datagrid"  width="100%"  
                 idField="id" pagination="true"  
                data-options="checkOnSelect:true"  
               rownumbers="true" fitColumns="true" singleSelect="true">  
            <thead>  
                <tr>  
                    <th field="id" data-options="checkbox:true"></th>  
                    <th field="moNo" width="150">号 码</th>  
                </tr>  
            </thead>  
           </table>

3、使用方法:
mainrowid为该行rowid的值

$("#MainGrid").datagrid("reload"); 
$("#MainGrid").datagrid('selectRecord',mainrowid);
//刷新及选中的顺序对效果没有影响
 类似资料: