jquery easyui 学习之datagrid（一）

来源：互联网发布：潜伏日历软件编辑：程序博客网时间：2024/05/22 05:03

产品使用工具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)

}

0 0