使用bootstrap-table時遇到的選擇分頁後又執行查詢的問題
我們的頁面有一些下拉選單,比如可以通過時間控制元件去選擇查詢不同時間段的告警,今天發現有這麼個問題,比如使用者可能會有這樣的操作:
1 使用者隨便瀏覽了下,發現好多告警啊,選擇到了第2頁,這時候,頁面向後端傳的是第二頁 page=2;
2 隨後使用者按時間段來查了,這時候只是refresh了下,資料變化了,但是此時頁碼是沒有變的(感覺這個是個Bug啊~),而且因為是第二頁,給後端傳的還是page=2
解決方案:
查詢的時候,先destroy table,然後再Init,方法暴力了點,但是頁碼可以刷回第一頁,這裡處理的還不是很好,我看bootstrap-table 的search框,在搜尋完了之後,還是
可以刷回到第一頁的,記錄下,抽空再研究
後續的解決:找到方法解決頁面沒有回到1的方法了,使用refreshOoption來更新頁碼到1
$('#table').bootstrapTable('refreshOptions',{pageNumber:1,pageSize:10});
相關推薦
使用bootstrap-table時遇到的選擇分頁後又執行查詢的問題
我們的頁面有一些下拉選單,比如可以通過時間控制元件去選擇查詢不同時間段的告警,今天發現有這麼個問題,比如使用者可能會有這樣的操作: 1 使用者隨便瀏覽了下,發現好多告警啊,選擇到了第2頁,這時候,頁面向後端傳的是第二頁 page=2; 2 隨後使用者按時間段來查了,這時候只
bootstrap-table前臺和後臺分頁對json格式的要求
total bsp 為什麽 ros 技術 ots cli 前端 microsoft Bootstrap是一款前端非常流行的框架,其中的表格更為大家經常使用。大家都知道表格的分頁分為前臺和後臺分頁,也就是表格配置中sidePagination屬性,當sidePaginatio
基於Metronic的Bootstrap開發框架經驗總結(18)-- 在代碼生成工具Database2Sharp中集成對Bootstrap-table插件的分頁及排序支持
關註 基礎 表頭 數據 database 一定的 處理 tree的使用 適合 在我們開發系統界面,包括Web和Winform的都一樣,主要的界面就是列表展示主界面,編輯查看界面,以及一些輔助性的如導入界面,選擇界面等,其中列表展示主界面是綜合性的數據展示界面,一般往往需要對
bootstrap-table+Thinkphp實現server分頁
rim select spa ota link set 代碼 this tex 界面需要:此處不提供文件下載,請自行到官網下載。 <link href="./css/plugins/bootstrap-table/bootstrap-table.min.css"
ASP.NET MVC 結合bootstrap-table-實現服務端分頁
bootstrap-table展示資料很好用,但是當資料量很大時,存在效能問題。bootstrap-table需要分頁的功能,需要時就請求資料,而不是一次性載入到客戶端上。bootstrap-table前臺預設時客戶端分頁,此時的分頁已失去了應有的作用。因此使用服務端,話不多說,直接上程式碼 前
bootstrap table使用:前端分頁,獲取值棧中的json值,載入到table中,獲取選中的行資訊
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ include file="/common/taglibs.jsp" %> <!DOCTYPE html> <html
bootstrap-table表格客戶端分頁例項
一、前言 bootstrap-table是非常方便好用的前端表格分頁外掛,使用者只需要提供資料來源就能實現非常完美的分頁 效果,其分頁方式可以分成客戶端分頁和服務端分頁,其接收的資料來源都是j
BootStrap Table前臺和後臺分頁對JSON格式的要求
serve pad name spa paginati dep side border containe BootStrap Table前臺和後臺分頁對JSON格式的要求 前臺分頁: sidePagination: "client",對應的json格式必須為: [
使用bootstrap table時不能顯示篩選列和分頁每頁顯示的行數
pts -i str 顯示 data bootstra 同事 bootstrap src 使用bootstrap table時不能顯示篩選列和分頁每頁顯示的行數 後來在同事的幫助下,才發現沒有引用bootstrap的js文件 <script src="/Scr
element-ui的table元件-checkbox選中分頁記憶-邏輯修改成 選中row的id集合來記錄選中了那些資料 (修訂後完整版)
<template> <div style="margin-bottom: 20px;"> <el-dialog :title="edit_main_title" append-to-body v-dialogDrag :visible.sync="ed
element ui 分頁器遇到的bug。切換頁面時當時選擇第二頁,第二個選項卡也是第二頁
我在這個教材選項卡選擇了第二頁。 然後切換到課件。看到下面效果 還是在第二頁的。實際上我已經處理了讓this.page=1.而且介面也給的第一頁的,但是頁面上顯示的卻是2. 解決辦法就是在分頁器上加一個引數。:current-page.sync = "pag
使用Hibernate criteria進行分頁查詢時,如何實現一次查詢取得總記錄數和分頁後結果集
可先使用 Projections.rowCount() 來取得總記錄數,如下: Long totalNum = (Long)criteria.setProjection(Projections.rowCount()).uniqueResult(); 然後將 Project
Element ui 中使用table組件實現分頁記憶選中
ids select microsoft 調用 tid 直接 ont LIDS 彈窗 我們再用vue和element-ui,或者其他的表格的時候,可能需要能記憶翻頁勾選,那麽實現以下幾個方法就ok了 首先定義個data值 data () { return {
資料庫用對映表取資料時怎麼排序分頁
問題記錄: 面對資料庫多對多的問題,利用對映表取資料的排序問題; 在面對多對多的情況時,我們一般會利用對映表來處理資料,例如一個文章有多個標籤,一個標籤同時也對應多個文章,此時我們便要建立一個文章表,一個標籤表,一個對映表把他們關聯起來。 但是這樣的問題是,怎麼排序呢? 對映表
django分頁查詢及對已經分頁的資料進行查詢,對條件查詢後的資料再次分頁
#適用於妹子UI的分頁前端,其他的也沒問題,稍做修改即可 #對已經分頁的資料進行查詢,對查詢後的資料再次進行分頁 #思路:url請求除了需要帶current page 還需要帶查詢的內容,以此判斷是否查詢後的資料分頁 直接上程式碼: pages:包含兩個類1. Pagination表示對全部
Vue下的el-table+spring+hibernate實現分頁操作
之前一直用的是jquery的datatable實現分頁效果,第一次使用vue下的element-ui,此篇部落格記錄一下踩坑後的實現。 首先,html頁面 這邊就不贅述,可去官網看文件 <div id="tabs"> <el-row>
【Layui】關於做了分頁後點擊刪除按鈕無效(或者在任何框架點選一個按鈕無效解決方案)
author:咔咔 wechat:fangkangfk 案例: 在ajax拼裝完資料後,怎麼點選刪除都是沒有反應,一直以為是資料拼接錯了,最後才反應過來,使用js拼裝起來的資料屬於未來元素,所以點選是沒有用的 所以使用l
bootstrap+pageHelper+spring boot 實現分頁
後臺通過mybatis外掛pageHelper實現分頁查詢 先上效果圖 maven地址 <dependency> <groupId>com.github.pagehelper</groupId&g
element ui重新整理頁面時保留當前分頁。
vue專案中用element ui元件的pagination元件,當手動重新整理頁面時當前頁會回到預設選中效果,一般會回到第一頁,如何重新整理時讓記住重新整理前的頁面,讓重新整理後的頁面不變呢? 做狀態的本地儲存,通過在localstorage中儲存你的頁碼資訊,在頁面元件初始化的時
響應式前端框架Bootstrap系列(11)分頁
分頁功能已經封裝成一個獨立的js檔案,也是用bs完成的,名稱為bootstrap-paginator.js。 使用前先匯入檔案 : <script src="../libs/bootstrap/3.3.7/bootstrap-paginator.js"><