easyui分页选中问题

最新推荐文章于 2022-08-29 08:32:51 发布

原创最新推荐文章于 2022-08-29 08:32:51 发布 · 974 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#easyui跨页选中

easyui框架专栏收录该内容

3 篇文章

订阅专栏

在使用easyui的datagrid进行分页时，为确保在翻页后保持之前页面的选中数据，只需在datagrid配置中添加idField属性。

easyui跨页选中

当easyui datagrid中有分页时，选中当前页后再翻页，保证上一页选中数据不丢失，只需要在datagrid中添加idField即可。

$('#user_table').datagrid({
    fit: true,
    fitColumns: true,
    striped: true,
    nowrap: true,
    border: false,
    remoteSort: false,
    collapsible: true,
    url: '?c=Auth/User&a=userinfoJsondataManage',
    queryParams:{
        type:"{$search['key_word']}",
        key:"{$search['key_value']}"
    },
    frozenColumns: [[
        {field: 'ck', checkbox: true}
    ]],
    columns: [[
        {field: 'userName', title: '账号名称', align: 'left', resizable: true, width: 100, editor: 'text'},
        {field: 'userDescription', title: '描述', align: 'left', resizable: true, width: 100, editor: 'text'},
        {field: 'userGroup', title: '所属父组', align: 'left', resizable: true, width: 100, editor: 'text'},
        {field: 'userInvalid', title: '状态', align: 'left', resizable: true, width: 100, editor: 'text'},
    ]],
    loadMsg: '请等待，数据正在加载......',
    toolbar: '#tb',
    idField: 'userName',
    pageSize: 20,
    pageList: [20,50,100],
    pagination: true,
    onCheck: setToolBar,
    onUncheck: setToolBar,
    onClickRow: setToolBar,
    onCheckAll: setToolBar,
    onUncheckAll: setToolBar,
    onSelect: setToolBar,
    onUnselect: setToolBar                  
});