Jquey easyUI 分页查询-CSDN论坛

⋅Nginx 实现web端负载均衡业务系统数据不对 ⋅IIS7 无法启动应用程序池 ⋅C# System.OutOfMemoryException 更多帖子 关注私信空间博客 sxl_88 本版专家分：48 结帖率 99.08%: 目前直接在 HTML 声明datagrid组件,但是需要写查询参数都不方便,后来编写 JavaScript 代码来创建datagrid组件，但是发现分页时直接查询出后台数据库所有数据后再分页，这样效果不好，影响效率。
请问有没有办法实现点击分页按钮后根据页码和记录数实现分页查询？请问如何修改下面的代码，谢谢！

附上 HTML 声明datagrid组件

<table id="dg" title="My Users" class="easyui-datagrid" style="width:700px;height:250px"
            url="get_users.php"
            toolbar="#toolbar" pagination="true"
            rownumbers="true" fitColumns="true" singleSelect="true">
        <thead>
            <tr>
                <th field="firstname" width="50">First Name</th>
                <th field="lastname" width="50">Last Name</th>
                <th field="phone" width="50">Phone</th>
                <th field="email" width="50">Email</th>
            </tr>
        </thead>
    </table>

0 2017-03-27 14:00:12

回复数 10 只看楼主引用举报楼主

⋅这是要把人逼走的节奏吧 ⋅啥时候能做到开放自己帖子的编辑功能？ ⋅有没有大神能解释一下if和?:效率上的差距产生的原因 更多帖子 关注私信空间博客 Poopaye 本版专家分：52144 黄花 2016年4月 .NET技术大版内专家分月排行榜第二 2016年2月 .NET技术大版内专家分月排行榜第二 蓝花 2017年3月 .NET技术大版内专家分月排行榜第三 2017年2月 .NET技术大版内专家分月排行榜第三 2016年9月 .NET技术大版内专家分月排行榜第三 2016年8月 .NET技术大版内专家分月排行榜第三 2016年7月 .NET技术大版内专家分月排行榜第三 2016年3月 .NET技术大版内专家分月排行榜第三 2016年1月 .NET技术大版内专家分月排行榜第三 2015年12月 .NET技术大版内专家分月排行榜第三 2015年11月 .NET技术大版内专家分月排行榜第三: 去问写查询接口的人，你贴的这个有什么用？

0 2017-03-27 14:09:28

只看TA 引用举报 #1 得分 0

⋅使用access的崩溃 ⋅关于域名备案ICP ⋅【521】最讨厌gay了 更多帖子 关注私信空间博客 sanGuo_uu 本版专家分：34 红花 2017年5月其他开发语言大版内专家分月排行榜第一 2017年2月其他开发语言大版内专家分月排行榜第一 蓝花 2018年11月扩充话题大版内专家分月排行榜第三 2018年10月扩充话题大版内专家分月排行榜第三 2017年9月扩充话题大版内专家分月排行榜第三: 这个是要写sql语句啊
返回当前页信息加载就好了嘛。

请求服务器的时候，后台可以获取到page(页码),rows(页大小)这样的参数。（反正我的是这2个。在后台这样子就获取到了：context.Request["rows"]）
根据这些东西请求数据库，就好。

然后在datagrid上点下一页的时候，它自己会去请求生成时候的url

0 2017-03-27 14:30:47

只看TA 引用举报 #2 得分 5

⋅Nginx 实现web端负载均衡业务系统数据不对 ⋅IIS7 无法启动应用程序池 ⋅C# System.OutOfMemoryException 更多帖子 关注私信空间博客 sxl_88 本版专家分：48: 引用 2 楼 u012536120 的回复:
这个是要写sql语句啊
返回当前页信息加载就好了嘛。

请求服务器的时候，后台可以获取到page(页码),rows(页大小)这样的参数。（反正我的是这2个。在后台这样子就获取到了：context.Request["rows"]）
根据这些东西请求数据库，就好。

然后在datagrid上点下一页的时候，它自己会去请求生成时候的url

那问下问下，如果有查询的参数，应该怎么写呢，是不是要写JavaScript 还是继续在 HTML 声明中写？

0 2017-03-28 08:07:00

只看TA 引用举报 #3 得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注私信空间博客 以专业开发人员为伍 本版专家分：469825 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2019年4月 .NET技术大版内专家分月排行榜第二 2019年3月 .NET技术大版内专家分月排行榜第二 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二: 引用 3 楼 sxl_88 的回复:
那问下问下，如果有查询的参数，应该怎么写呢，是不是要写JavaScript 还是继续在 HTML 声明中写？

学习 easyUI分页查询的文档。对文档中的代码有问题，再问。

0 2017-03-28 08:18:06

只看TA 引用举报 #4 得分 0

⋅有关 word 内容改动和比较方法 ⋅一个意想不到的问题 ⋅你们的 gmail 还容易上去吗？ 更多帖子 关注私信空间博客 以专业开发人员为伍 本版专家分：469825 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第十 2013年总版技术专家分年内排行榜第八 铜牌 2018年12月总版技术专家分月排行榜第三 2018年11月总版技术专家分月排行榜第三 2017年2月总版技术专家分月排行榜第三 红花 2019年1月 .NET技术大版内专家分月排行榜第一 2018年12月 .NET技术大版内专家分月排行榜第一 2018年11月 .NET技术大版内专家分月排行榜第一 2018年10月 .NET技术大版内专家分月排行榜第一 2018年9月 .NET技术大版内专家分月排行榜第一 2018年7月 .NET技术大版内专家分月排行榜第一 2018年6月 .NET技术大版内专家分月排行榜第一 2018年1月 .NET技术大版内专家分月排行榜第一 2017年5月 .NET技术大版内专家分月排行榜第一 2017年4月 .NET技术大版内专家分月排行榜第一 2017年3月 .NET技术大版内专家分月排行榜第一 2017年2月 .NET技术大版内专家分月排行榜第一 2016年10月 .NET技术大版内专家分月排行榜第一 2016年8月 .NET技术大版内专家分月排行榜第一 2016年7月 .NET技术大版内专家分月排行榜第一 黄花 2019年4月 .NET技术大版内专家分月排行榜第二 2019年3月 .NET技术大版内专家分月排行榜第二 2018年8月 .NET技术大版内专家分月排行榜第二 2018年4月 .NET技术大版内专家分月排行榜第二 2018年3月 .NET技术大版内专家分月排行榜第二 2017年12月 .NET技术大版内专家分月排行榜第二 2017年9月 .NET技术大版内专家分月排行榜第二 2017年7月 .NET技术大版内专家分月排行榜第二 2017年6月 .NET技术大版内专家分月排行榜第二 2016年12月 .NET技术大版内专家分月排行榜第二 2016年9月 .NET技术大版内专家分月排行榜第二 2016年6月 .NET技术大版内专家分月排行榜第二 2016年3月 .NET技术大版内专家分月排行榜第二 2016年1月 .NET技术大版内专家分月排行榜第二 2015年12月 .NET技术大版内专家分月排行榜第二 2015年2月 .NET技术大版内专家分月排行榜第二 2015年1月 .NET技术大版内专家分月排行榜第二 2014年11月 .NET技术大版内专家分月排行榜第二 2014年5月 .NET技术大版内专家分月排行榜第二 2014年4月 .NET技术大版内专家分月排行榜第二 2012年2月多媒体/设计/Flash/Silverlight 开发大版内专家分月排行榜第二

你在这里贴一个写着

url="get_users.php"

的代码，那么为什么不把那几行 php 源代码也贴出来、看看它是如何写 sql 语句的呢？

0 2017-03-28 08:21:02

只看TA 引用举报 #5 得分 0

⋅sql 面试题：明天就用，非常感谢您的回答。 ⋅sql 面试题请高手解答，很急！！！,在线等候!, ⋅请教高手asp.net中jquery使用ajax的json在ie8下不能读取 更多帖子 关注私信空间博客 飘2018 本版专家分：10: 我也是服了，你只贴这么一点代码。有用吗？
你好好看看easy ui的帮助文档吧。上面写的很清楚的
你写要自已写一个分页的方法
返回json就可以了。、
json的格式为
{"total":10,rows[{"uid":100,"upwd":"abc123"},....."uid":100,"upwd":"abc123"}]}
其中total表示总记录数
rows表示查结查询，每次分页的查询结果

分页时的参数名称为
page参数表示当前页
rows表示每页大小
希望对你有帮助。
帮助文档上都有的。

0 2017-03-29 11:00:38

只看TA 引用举报 #6 得分 5

⋅此用户还没有发表过任何帖子 关注私信空间博客 戴跃雄 本版专家分：10: get_users.php 这里是关键。。。
这个是你数据源的输出。。。根据easyui-datagrid 的文档做好查询分页sql就O了

0 2017-03-30 21:58:53

只看TA 引用举报 #7 得分 0

⋅Nginx 实现web端负载均衡业务系统数据不对 ⋅IIS7 无法启动应用程序池 ⋅C# System.OutOfMemoryException 更多帖子 关注私信空间博客 sxl_88 本版专家分：48: 谢谢各位的回复，我想问下，如果想根据firstname这个字段进行查询，我还想在 HTML 声明中写查询，请问如何写？谢谢！

0 2017-04-10 09:37:55

只看TA 引用举报 #8 得分 0

⋅NET 正则取DIV中的<li class="w_lx1"> 标签并保存在List<string>集合中 ⋅该公众号提供的服务出现故障，请稍后再试 ⋅引用Newtonsoft版本出现版本号自动降低的问题 更多帖子 关注私信空间博客 guanyelong 本版专家分：2210

楼主你先明白datagrid带参数绑定的过程再问这个问题吧。



<div style="padding-left:2px;padding-right:2px;height:100%;">

    <table id="dg" title="服务列表"></table>

</div>



var queryData = {

            name: $.trim($("#firstname").datebox("getValue"))

        };

        $('#dg').datagrid({   //定位到Table标签，Table标签的ID是grid

            url: '/AppService/GetAppServiceList',   //指向后台的Action来获取当前菜单的信息的Json格式的数据

            title: '服务列表',

            iconCls: 'icon-view',

            fit: true,

            fitColumns: true,

            nowrap: true,

            autoRowHeight: false,

            striped: true,

            collapsible: true,

            pagination: true,

            pageSize: 15,

            pageList: [15, 30, 45, 60],

            rownumbers: true,

            sortOrder: 'asc',

            remoteSort: false,

            singleSelect: true,  //选中行唯一

            method: 'post',

            idField: 'ServId',

            queryParams: queryData,  //异步查询的参数

            columns: [[

{ title: "id", field: "id", width: 95, hidden: true },

                          { title: "姓", field: "firstname", width: 95, sortable: true },

                          { title: "名", field: "lastname", width: 95, sortable: true },

                          { title: "电话", field: "phone", width: 95},

                          { title: "邮箱", field: "email", width: 95,}

            ]],

            onClickCell: function (index, row) {

               

            },

            onLoadSuccess: function (row, data) {

                

            }

        })

    };

0 2017-04-18 15:08:08

只看TA 引用举报 #9 得分 5

⋅EasyUi combotree全选时如何不加载时不需要获取父节点的值？ ⋅jquery的上传插件uploadify无法在showModalDialog中使用 ⋅Silverlight中ScrollViewer自动滚动效果 更多帖子 关注私信空间博客 lovehong123 本版专家分：320

引用 9 楼 guanyelong 的回复:

楼主你先明白datagrid带参数绑定的过程再问这个问题吧。



<div style="padding-left:2px;padding-right:2px;height:100%;">

    <table id="dg" title="服务列表"></table>

</div>



var queryData = {

            name: $.trim($("#firstname").datebox("getValue"))

        };

        $('#dg').datagrid({   //定位到Table标签，Table标签的ID是grid

            url: '/AppService/GetAppServiceList',   //指向后台的Action来获取当前菜单的信息的Json格式的数据

            title: '服务列表',

            iconCls: 'icon-view',

            fit: true,

            fitColumns: true,

            nowrap: true,

            autoRowHeight: false,

            striped: true,

            collapsible: true,

            pagination: true,

            pageSize: 15,

            pageList: [15, 30, 45, 60],

            rownumbers: true,

            sortOrder: 'asc',

            remoteSort: false,

            singleSelect: true,  //选中行唯一

            method: 'post',

            idField: 'ServId',

            queryParams: queryData,  //异步查询的参数

            columns: [[

{ title: "id", field: "id", width: 95, hidden: true },

                          { title: "姓", field: "firstname", width: 95, sortable: true },

                          { title: "名", field: "lastname", width: 95, sortable: true },

                          { title: "电话", field: "phone", width: 95},

                          { title: "邮箱", field: "email", width: 95,}

            ]],

            onClickCell: function (index, row) {

               

            },

            onLoadSuccess: function (row, data) {

                

            }

        })

    };

这就是EasyUI使用datagrid的例子，还可以去官网下载EasyUI的例子。

0 2017-04-19 21:56:18

只看TA 引用举报 #10 得分 5

Jquey easyUI 分页查询 [问题点数：20分，结帖人sxl_88]