【EasyUI】easyui datagrid selectRecord的用法

最新推荐文章于 2022-04-20 11:54:29 发布

粥粥周周舟舟

最新推荐文章于 2022-04-20 11:54:29 发布

阅读量4.3k

点赞数

分类专栏： js datagrid easyui 文章标签： easyui datagrid selectRecord

本文链接：https://blog.csdn.net/weixin_42717849/article/details/90477188

版权

本文介绍了如何在EasyUI的datagrid中使用selectRecord方法，以实现表格刷新后仍能保持选中特定行的效果。主要内容包括配置方法和使用步骤，其中关键在于通过mainrowid设置行的rowid值。

摘要由CSDN通过智能技术生成

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="i