亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

bootstrap table 一頁把數據顯示完了

瀏覽:109日期:2024-08-06 11:07:40

問題描述

分頁設置的是“服務器分頁”,pageNumber、pageSize都是設置好了的,包括rows、total這些在服務器分頁里面必須的屬性全部都設置好了,但是再設置pageSize的時候,無論怎么修改,下方的分頁條是在變化,但表格里面卻顯示的是全部數據,切換到下一頁還是跟上一頁一模一樣的內容,查了好多資料都解決不了,想問一下怎么設置才能正常的顯示pageSize。

var $table = $('#table');$table.bootstrapTable({ url : 'data1.json', method: 'get', singleSelect: false, pageNumber:1, pageSize:10, queryParamsType: "limit", columns: [ {title: '序號',field: 'id',align: 'center',valign: 'middle' }, {title: '名稱',field: 'name',align: 'center',valign: 'middle' }, {title: '價格',field: 'price',align: 'center' }, {title: '操作',field: '',align: 'center',formatter:function(value,row,index){ var e = '<a href="#" mce_href="#" onclick="edit(''+ row.id + '')">編輯</a> '; var d = '<a href="#" mce_href="#" onclick="del(''+ row.id +'')">刪除</a> '; return e+d;} }]});

data1.json:

{ "rows":[{ "id": 0, "name": "test0", "price": "$0"},{ "id": 1, "name": "test1", "price": "$1"},{ "id": 2, "name": "test2", "price": "$2"},{ "id": 3, "name": "test3", "price": "$3"},{ "id": 4, "name": "test4", "price": "$4"},{ "id": 5, "name": "test5", "price": "$5"},{ "id": 6, "name": "test6", "price": "$6"},{ "id": 7, "name": "test7", "price": "$7"},{ "id": 8, "name": "test8", "price": "$8"},{ "id": 9, "name": "test9", "price": "$9"},{ "id": 10, "name": "test10", "price": "$10"},{ "id": 11, "name": "test11", "price": "$11"},{ "id": 12, "name": "test12", "price": "$12"},{ "id": 13, "name": "test13", "price": "$13"},{ "id": 14, "name": "test14", "price": "$14"},{ "id": 15, "name": "test15", "price": "$15"},{ "id": 16, "name": "test16", "price": "$16"},{ "id": 17, "name": "test17", "price": "$17"},{ "id": 18, "name": "test18", "price": "$18"},{ "id": 19, "name": "test19", "price": "$19"},{ "id": 20, "name": "test20", "price": "$20"} ], "total" : 21}

bootstrap table 一頁把數據顯示完了

問題解答

回答1:

贊同樓上,

如果是服務器分頁,bootstrap table是把返回的數據原樣顯示吧,數據中要求的rows是為了展示,total是為了生成頁碼,分頁這個操作是在服務器做的。

如果是客戶端分頁,就是把服務器返回的數據進行前端分頁,你應該設置為客戶端分頁,加載這個數據的時候就能分頁了。

回答2:

首先你的出發點就搞錯了,你請求的是本地的json ,實例項目是你把當前的頁數發送給服務端,服務端給你返回當頁的數據和總共的條目,前端負責根據總共的條數計算頁數然后顯示一共多少頁,假設后端有100條,一頁10條,當你請求第一頁的時候給你返回的是前十條數據和總條數100,不是一次都傳給你然后你自己分頁,你想要是100萬條數據要請求多久,

相關文章:
主站蜘蛛池模板: 欧美 日韩 中字 国产 | 久久996re热这里只有精品 | 成人免费视频网站 | 国产亚洲美女精品久久久久 | 欧美一级毛片日本 | 91在线免费公开视频 | 91桃色视频 | 国产在线麻豆精品观看 | 亚洲午夜久久久精品影院视色 | 欧美精品午夜 | 欧美亚洲另类综合 | 美女视频大全视频a免费九 美女视频大全美女视频黄 美女视频毛片 | 亚洲精品久久久久中文字小说 | 婷婷亚洲综合五月天小说在线 | 日本无翼乌邪恶大全彩h污污 | 亚洲国产精品成人午夜在线观看 | 性生活视频网站 | 911精品国产91久久久久 | 国产精品久久不卡日韩美女 | 日本欧洲95视频 | 91啦在线视频 | 打美眉屁股v7.3 | 国产麻豆视频网站 | 久久青青草原精品老司机 | 麻豆影视在线 | 最新在线鲁丝片eeuss第1页 | 亚洲精品一区二区三区四区手机版 | 在线永久免费观看的a站视频 | 亚洲第一se情网站 | 免费jizz在线播放视频 | 国内精品在线视频 | 国产精品国产香蕉在线观看网 | 久久精品视频99精品视频150 | 丁香婷婷久久 | 老妇女毛片 | 日本xxxⅹ色视频在线观看网站 | 成人性生交大片免费看软件 | 久久99精品综合国产首页 | 毛片在线播放观看日本 | 高清性色生活片免费视频软件 | 青娱乐91视频 |