BootStrap Table 分页后重新搜索问题的解决办法
2016-08-08 09:48
1401 查看
前提: 自定义搜索且有分页功能,比如搜索产品名的功能.
现象:当搜索充气娃娃的时候返回100条记录,翻到第五页. 这时候搜索按摩棒,数据有200条,结果应该是第一页的记录,但是实际显示的还是第五页的结果. 也就是重新搜索后,pagenumber没有变.
按网上大部分说的:重新设置option就行了
$('#tableList').bootstrapTable({pageNumber:1,pageSize:10});
以上是解决不了这个问题。
正确做法是
$("#table").bootstrapTable('destroy');先要将table销毁,否则会保留上次加载的内容
TableObj.oTableInit();重新初使化表格。
代码如下所示:
<script type="text/javascript"> $(function () { TableObj.oTableInit(); $("#btn_query").click(function () { $("#tb_departments").bootstrapTable('destroy'); TableObj.oTableInit(); }); $("#btn_edit").click(function () { $.messager.alert('提示', '请选择要删除的记录'); }); $("#btn_add").click(function () { var actionUrl = "@Url.Action("_create")"; var param = {}; Tool.ShowModal(actionUrl, param, "新增"); }) }); var TableObj = { //初始化Table oTableInit: function () { $('#tb_departments').bootstrapTable({ url: '/Department/GetDepartment', //请求后台的URL(*) method: 'get', //请求方式(*) toolbar: '#toolbar', //工具按钮用哪个容器 striped: true, //是否显示行间隔色 cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination: true, //是否显示分页(*) sortable: false, //是否启用排序 sortOrder: "asc", //排序方式 // queryParams: TableObj.queryParams(this), //传递参数(*) queryParams: function (params) { return { PagedIndex: this.pageNumber, PagedSize: this.pageSize, DeptName: $("#txt_search_departmentname").val(), }; }, sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*) pageNumber: 1, //初始化加载第一页,默认第一页 pageSize: 5, //每页的记录行数(*) pageList: [5, 10, 25, 50, 100], //可供选择的每页的行数(*) search: false, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大 strictSearch: true, showColumns: true, //是否显示所有的列 showRefresh: true, //是否显示刷新按钮 minimumCountColumns: 2, //最少允许的列数 clickToSelect: true, //是否启用点击选中行 height: 500, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度 uniqueId: "deptID", //每一行的唯一标识,一般为主键列 idField: 'deptID', showToggle: true, //是否显示详细视图和列表视图的切换按钮 cardView: false, //是否显示详细视图 detailView: false, //是否显示父子表 columns: [ { //field: 'deptID', //field: 'deptID', checkbox: true }, { field: 'DeptName', title: '部门名称' }, { field: 'CreateBy', title: '添加人' }, { field: 'CreateDT', title: '添加日期', formatter: function (val) { return val == 'undefined' || !val ? '-' : val.formatterString(false); } } ] }); } }; //保存 function Save() { Tool.SaveModal($('#tb_departments')); } </script>
以上所述是小编给大家介绍的BootStrap Table 分页后重新搜索问题的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- BootStrap Table 分页后重新搜索问题的解决办法
- bootstrap table 分页后,重新搜索的问题
- QQ2010 由于应用程序配置不正确 应用程序未能启动。重新安装应用程序可能会纠正这个问题-解决办法
- devenv.exe - 系统错误无法启动此程序,因为计算机中丢失 MSVCR100.dll。尝试重新安装该程序以解决此问题。【解决办法】
- 是否你们遇到过Jlink重新刷完固件之后出现问题,解决办法
- datalist分页问题的解决办法
- thinkphp解决无刷新分页搜索问题
- 解决GridView分页后不能导出到Excel问题的办法
- Win10笔记本搜索不到Wifi怎么办?Win10笔记本无线图标红叉问题解决办法
- Oracle数据库order by排序查询分页比不分页还慢问题解决办法
- 关于sqlServer2008 阻止保存要求重新创建表的更改问题的解决办法
- devenv.exe - 系统错误无法启动此程序,因为计算机中丢失 MSVCR100.dll。尝试重新安装该程序以解决此问题。【解决办法】
- VS2008调试程序时出现“由于应用程序的配置不正确,应用程序未能启动,重新安装应用程序可能会纠正这个问题”的解决办法
- Astyle Cannot convert to multi-byte string, reverting to English 问题解决办法-重新编译
- Drupal中文搜索问题解决办法
- 总是弹出“不重新发送信息,则无法刷新网页”!问题的解决办法
- 搜索时dedecms每页只显示10篇文章的问题解决办法
- 国产Dwz 同一个页面多个分页标签分页失效或者分页混乱的问题解决办法
- firefox 下出现flash上传时提示回话超时,需重新登录问题的解决办法
- 解决Jsp搜索分页获取的中文参数乱码问题