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.
Menurut sebagian besar pepatah online: cukup atur ulang opsi
$ ('#tablelist'). Bootstraptable ({pagenumber: 1, pageSize: 10});Di atas tidak dapat menyelesaikan masalah ini.
Cara yang benar untuk melakukannya adalah
$ ("#tabel"). Bootstraptable ('hancurkan'); tabel harus dihancurkan terlebih dahulu, jika tidak, konten yang dimuat terakhir akan disimpan
Tableobj.otableInit (); Inisialisasi ulang meja.
Kode terlihat seperti ini:
<script type = "text/javaScript"> $ (function () {TableObj.otableInit (); $ ("#btn_query"). Klik (function () {$ ("#tb_departments"). $ ("Bootstraptable ('Destroy'); TableObj.otableInit ();}); $ (" BootTraptable ('Destroy'); clickobj.otableIt ();}); $ ("#") (clickeBj.oTableIt ();}); $ (" {$ .messager.alert ('tip', 'Harap pilih catatan yang akan dihapus');}); $ ("#btn_add"). Klik (function () {var actionUrl = "@url.action (" _ create ")"; var param = {}; tool.showmodal (ActionUrl, param, "); TableotableInit: function () {$ ('#tb_departments'). Bootstraptable ({url: '/department/getDepartment', // Minta metode URL (*): 'dapat', // Metode Permintaan (*), CaCACHE://COLAM PALING TAMPILAN TANGGAL ', // COOKLE LINE DI MANA TANGGAL, // KOPONER MANA TOULLE TOULACHE: COCACHE://COUNTER MANA TANDAAN TOULED DI MANA DARI LINE, // LINE LINE,//COUNTER MOTOLER DI MANA TOULLE DI MANA TOULLE: the default is true, so in general, you need to set this property (*) pagination: true, //Does the page display (*) sortable: false, //Does the sortOrder enable: "asc", //Sorting method//QueryParams: TableObj.queryParams(this), //Pass the parameters (*) queryParams: function (params) {return {PagedIndex: this.pageNumber,PagedSize: this.pageSize,DeptName: $("#txt_search_departmentname").val(),};},sidePagination: "server", //Pagination method: client client pagination, server server pagination (*) pageNumber: 1, //Initialize the first page to load, default first page pageSize: 5, //Number of record rows per page (*) Pagelist: [5, 10, 25, 50, 100], // Jumlah baris per halaman untuk dipilih (*) pencarian: false, // Apakah akan menampilkan pencarian tabel, pencarian ini adalah pencarian klien dan tidak akan memasuki server, jadi saya pribadi merasa bahwa itu tidak berarti: true, showcolumns: true, /apakah semua kolom showrefresh tidak ada: reflrefachs: true, showcolumns: true, /apakah semua kolom showrefresher tidak ada: true, true, showcolumns: true, /apakah semua kolom showrefreshes tidak ada: trium: true, showcolumns: true, /apakah semua kolom showrefresheshcheshese: true: true, showcolumns: true, /apakah semua kolom showrefresheshcheshesheshes Jumlah minimum kolom yang diizinkan clicktoselect: true, // Apakah klik untuk memilih Tinggi Baris: 500, // Tinggi garis. cardView: false, //Does the detailed view detailView: false, //Does the parent and child table columns: [{//field: 'deptID',//field: 'deptID',checkbox: true},{field: 'DeptName',title: 'Department name'}, {field: 'CreateBy',title: 'Add person'}, {field: 'CreateDT',title: 'Add date',formatter: function (val) {return val == 'tidak terdefinisi' ||!Di atas adalah solusi untuk paging tabel bootstrap dan mencari kembali masalah setelah tabel bootstrap diperkenalkan kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!