国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

BootStrap Table 分頁后重新搜索問題的解決辦法

2019-11-20 09:17:08
字體:
來源:轉載
供稿:網友

前提: 自定義搜索且有分頁功能,比如搜索產品名的功能.

現象:當搜索充氣娃娃的時候返回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 = {//初始化TableoTableInit: 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 分頁后重新搜索問題的解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武冈市| 邵阳市| 旬邑县| 宣武区| 中江县| 景泰县| 简阳市| 呼图壁县| 黄骅市| 惠州市| 莱芜市| 阳新县| 芜湖市| 怀仁县| 吴忠市| 信阳市| 讷河市| 堆龙德庆县| 乌鲁木齐市| 巴楚县| 周宁县| 屯门区| 赤城县| 汶上县| 绥阳县| 特克斯县| 新巴尔虎左旗| 杭州市| 漠河县| 泗水县| 北安市| 兴隆县| 贵州省| 大丰市| 天津市| 渑池县| 肥城市| 梁山县| 灵川县| 西安市| 潮安县|