Artikel ini berbagi masalah pagination-tabel bootstrap untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Pertanyaan 1: Server tidak bisa mendapatkan nilai formulir, tidak ada masalah dengan QueryString, tetapi permintaan.
Solusi: Ini adalah masalah dengan AJAX, kode asli menggunakan AJAX asli. 1 dapat diselesaikan dengan membaca file aliran. 2 Jika Anda ingin menggunakan metode request.Form, atur ContentType: "Application/X-WWW-Form-Urlencoded",
menyukai
$ ('#tablelist'). Bootstraptable ({Method: 'Post', url: "", height: $ (window) .height ()-200, striped: true, dataType: "json", pagination: true, "queryparamstype": "Limit", singleselect: false, false, "content-wlod/Xwod/xwod-xwod"Pertanyaan 2. Setel parameter yang diteruskan ke server
metode:
function queryparams (params) {return {pageSize: params.limit, pagenumber: params.pagenumber, nama pengguna: 4};} $ ('#tablelist'). bootstraptable ({Method: 'pos', url: "", $ (window) .Height () - 200, 'Post', url: "", $ (window) .HEIGHT () - 200, 'POST', URL: " queryparams,Pertanyaan 3. Informasi Halaman tidak dapat diambil di latar belakang
menyelesaikan:
1Set di queryparams
2 Ubah file sumber dalam file bootstrap-table.minjs ke
"Limit" === this.options.queryparamStype && (e = {limit: e.pagesize, pagenumber: e.pagenumber,
Memodifikasi bootstrap-bable.js juga baik-baik saja
if (this.options.QueryParamStype === 'Limit') {params = {Search: params.searchText, sort: params.sortname, order: params.sortorder}; if (this.options.pagination.partions.parpets.parpet.parpet.parpets.pages.pagesze; params.pagenumber = ini. (this.options.pagenumber - 1);}}Konfigurasikan "QueryParamStype": "Limit",
utuh
<script type = "text/javascript"> $ (document) .ready (function () {$ ('#tablelist'). Bootstraptable ({Method: 'Post', URL: "GetCompappylist", Tinggi: $ (Window) .Height () - 200, Striped: True, DataType: "Json", Pagination: Pagination: () - 200, ":" JSON "," JONEK ", TREY" LIGETEM, "TREY", "JLOWPARE," JLOWPARE, "JLOWPARE," TREY "," false,contentType: "application/x-www-form-urlencoded",pageSize: 10,pageNumber:1,search: false, //Do not display the search box showColumns: false, //Do not display the drop-down box (select the displayed column) sidePagination: "server", //Server request queryParams: queryParams,//minimunCountColumns: 2,responseHandler: responseHandler,columns: [{field: 'CompanyId',checkbox: true},{field: 'qq',title: 'qq',width: 100,align: 'center',valign: 'middle',sortable: false},{field: 'companyName',title: 'name',width: 100,align: 'center',valign: 'middle',sortable: false}]});});function responseHandler (res) {if (res.isok) {var result = b64.decode (res.ResultValue); var resulttr = $ .parsejson (res); return {"baris": resultStr.items, "total": function {} {} {{{{{{{{{{{" queryparams (params) {return {pagesize: params.limit, pagenumber: params.pagenumber, username: 4};} </script>Pertanyaan 4. Pertanyaan yang diteliti kembali setelah paging
Prasyarat: Fungsi pencarian dan paging khusus, seperti fungsi mencari nama produk.
Fenomena: Saat mencari boneka tiup, mengembalikan 100 catatan dan berbalik ke halaman 5. Saat ini, cari tongkat pijat, ada 200 data, dan hasilnya harus menjadi catatan pada halaman pertama, tetapi tampilan yang sebenarnya adalah hasilnya pada halaman kelima. Artinya, setelah mencari lagi, nomor pagen tidak berubah.
Solusi: Cukup setel ulang opsi.
Function Search () {$ ('#tablelist'). Bootstraptable ({pagenumber: 1, pageSize: 10});}Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan dua topik menarik kepada Anda: Tutorial Pembelajaran Bootstrap Bootstrap Tutorial Praktis
Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.