datagrid上面的查询按钮设置了,但是分页工具栏不显示
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了datagrid上面的查询按钮设置了,但是分页工具栏不显示相关的知识,希望对你有一定的参考价值。
原因:查询的linkbutton没有放在toolbar里。
1 <script type="text/javascript"> 2 $(function(){ 3 $(‘#dg‘).datagrid({ 4 url:‘ContactServlet‘, 5 toolbar:‘#tb‘, 6 fit:true, 7 fitColumns:true, 8 rownumbers:true, 9 pagination:true, 10 idField : ‘id‘, 11 columns:[[ 12 {field:‘id‘,title:‘id‘,checkbox:true}, 13 {field:‘lxr_xm‘,title:‘姓名‘,width:220,align:‘center‘}, 14 {field:‘lxr_tel‘,title:‘电话‘,width:220,align:‘center‘}, 15 {field:‘lxr_email‘,title:‘Email‘,width:220,align:‘center‘}, 16 {field:‘lxr_qq‘,title:‘QQ‘,width:220,align:‘center‘}, 17 {field:‘lxr_lx‘,title:‘联系‘,width:220,align:‘center‘} 18 ]] 19 }); 20 21 }); 22 </script> 23 </head> 24 <body> 25 <table id="dg" title="通讯录"></table> 26 <div id="tb" style="height: auto;display: none;" > 27 <a href="javascript:openUserAddDialog()" class="easyui-linkbutton" iconCls="icon-search" plain="true">查询</a> 28 <a href="javascript:openUserAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a> 29 <a href="javascript:openUserModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a> 30 <a href="javascript:deleteUser()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a> 31 </div> 32 </body> 33 </html>
以上是关于datagrid上面的查询按钮设置了,但是分页工具栏不显示的主要内容,如果未能解决你的问题,请参考以下文章
序列化表单为json对象,datagrid带额外参提交一次查询 后台用Spring data JPA 实现带条件的分页查询