jquery easyui 学习之datagrid（一）

最新推荐文章于 2021-11-04 15:49:44 发布

hellosnow

最新推荐文章于 2021-11-04 15:49:44 发布

阅读量749

点赞数

本文链接：https://blog.youkuaiyun.com/hellosnow/article/details/32699553

版权

在使用jQuery EasyUI的Datagrid进行分页操作时，遇到点击下一页数据更新但页码未改变的问题。通过js代码片段展示了Datagrid的初始化配置，包括分页插件的设置，以及在onSelectPage事件中调用查询方法。然而，当切换页面时，页码显示仍为第一页。问题在于分页状态未正确更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

产品使用工具vs2013+svn，架构为mvc5，前端框架easyui。我第一次接触这个jquery插件。今天碰到datagrid分页问题，摸索了半天也没找到头绪，希望知道的朋友赐教。

绑定数据列表后，在分页插件的onselectpage function调用查询方法，现点击下一页，数据发生变化。可是页码栏还是现实第一页。列表行号还是1-10，问题描述完毕。贴出js代码片段和后台取数据。

js：$('#' + Gridid).datagrid({
            url: purl,
            emptyMsg: 'no records found',
            loadMsg: '正在加载数据...'


        }).datagrid("columnMoving");;

var p = $('#de').datagrid('getPager');

$(p).pagination({

beforePageText: '第',//页数文本框前显示的汉字

afterPageText: '页共 {pages} 页',

displayMsg: '当前显示 {from} - {to} 条记录共 {total} 条记录',

onBeforeRefresh: function () {

alert('before refresh');

            }, onChangePageSize: function () {
                alert('pagesize changed');
            },
            onSelectPage: function (pageNumber, pageSize) {
                query(pageSize, pageNumber);

}

});

function query(pagesize,pagenumber)

{

查询条件.....

var url = "/SystemSetting/GetModelInfo?pagesize="+pagesize+"&pages="+pagenum+"&condition=\"" + condition + "\"";

bindgrid(url)

}