Pertama -tama, saya ingin mengucapkan terima kasih kepada penulis karena telah memilah -milah pertanyaan terperinci tentang pagination tabel bootstrap dan membaginya dengan Anda. Saya harap artikel ini dapat membantu Anda memecahkan berbagai masalah dalam pagination tabel bootstrap. Terima kasih atas bacaan Anda.
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: Tetapkan 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:
1. Setel di queryparams
2. Dalam file bootstrap-table.minjs, ubah file sumber menjadi "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: Pencarian ulang 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 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Tabel Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.