Jquey easyUI 分页查询
0
悬赏园豆：10
[已解决问题]
解决于 2017-04-10 09:29
目前直接在 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
传过去了页数和每页显示数据条数，分页查询放在数据库语句中，用LIMIT
收获园豆：10
我想问下，如果有查询参数的条件应该怎么写呢？是用JavaScript 代码来创建,还是继续在 HTML 声明中写查询条件呢？
你可以用js动态创建datagrid
$(function() { $("#table").datagrid({ url : 'queryroles.do', columns : [ [ { field : 'id', width : 100, title : '编号' }, { field : 'name', width : 150, title : '职位名称' }, { field : 'desc', width : 200, title : '简介' }, { field : '_op', title : '操作', width : 100, formatter : function(v, r, i) { var s = "删除"; return s; } } ] ], singleSelect : true, pagination : true }); });
然后直接传参数进去
//根据条件查询角色 $('input[type=button]').click(function(){ var v = $('#roleName').val(); $('#table').datagrid('load',{ roleName:v }); });
@lwr: 其实你仔细阅读一下easyui的API文档就知道怎么写了，里面都有，http://pan.baidu.com/s/1dFACpzz
这里面有文档
