Dieser Artikel teilt das Problem der Bootstrap-Tisch-Pagination für Ihre Referenz. Der spezifische Inhalt ist wie folgt
FRAGE 1: Der Server kann den Formularwert nicht erhalten, es gibt kein Problem mit QueryString, aber die Anfrage. Form kann den Wert nicht erhalten
Lösung: Dies ist ein Problem mit AJAX. Der ursprüngliche Code verwendet native AJAX. 1 kann durch Lesen von Stream -Dateien gelöst werden. 2 Wenn Sie die Methode für Request.Form verwenden möchten, setzen Sie ContentType: "Anwendung/x-www-form-urlencoded",
wie
$ ('#Tablelist'). Bootstrappable ({Methode: 'Post', url: "", Höhe: $ (Fenster) .Height ()-200, Striped: TRUE, Datentyp: "JSON", Pagination: True, "QueryparamStype": "Limit", SingleSelect: False, ContentType: "Application/x-wwwwwwwwwwwwwwwwwwwwwwwww-formoded",, ",", "x-wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww-formed",, ",", "x-wwwwwwwwwwwwwwwwwwwwwww-formed",,Frage 2. Setzen Sie die an den Server übergebenen Parameter
Verfahren:
function queryParams(params) {return {pageSize: params.limit,pageNumber: params.pageNumber,UserName: 4};} $('#tableList').bootstrapTable({method: 'post',url: "",height: $(window).height() - 200,striped: true,dataType: "json",pagination: true, Queryparams: Queryparams,FRAGE 3. Die pageSsize -Informationen können nicht im Hintergrund abgerufen werden
lösen:
1Set in Queryparams
2 Ändern Sie die Quelldatei in der Datei stootstrap-table.minjs zu
"Limit" === this.options.queryparamstype && (e = {limit: e.PageSize, Pagenumber: E.Pagenumber,,
Modifizierung von Bootstrap-table.js ist auch in Ordnung
if (this.options.queryparamstype === 'limit') {params = {search: params.SearchText, sort: params.sortname, order: params.sortorder}; if (this.options.Pagination) {params.limit = this.options.pagessize; (this.options.Pagenumber - 1);}}Konfigurieren Sie "Queryparamstype": "Limit",
ganz
<script type = "text/javaScript"> $ (document) .ready (function () {$ ('#Tablelist'). Bootstrappable ({Methode: 'post', url: "getCompappylist", Höhe: $ (Fenster) .Height () - 200, Striped: TRUE, DATETYPE: DATETYPE: "JSON, JSON, PAGING:", Pagination ",", ",", ",", ",", "echt", "echt", "echt", "echte", "echte", "echte", "true", "true", "true", "true", "true". 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: Reaktionshandler, Spalten: [{Feld: 'CompanyId', Checkbox: True}, {Field: 'QQ', Titel: 'QQ', Width: 100, Align: 'Center', Valign: 'Middle', sortable: false}, {Field: 'CompanyName', Titel: 'name', withth: 100, Align: 'Mitte), Valign:' Middle ',' Middle '; responseHandler(res) {if (res.IsOk) {var result = b64.decode(res.ResultValue);var resultStr = $.parseJSON(res);return {"rows": resultStr.Items,"total": resultStr.TotalItems};} else {return {"rows": [],"total": 0};}}//Passed parameter function Queryparams (Params) {return {pageSize: params.limit, pageNumber: params.pagenumber, Benutzername: 4};} </script>Frage 4. Nachfragen nach dem Paging neu gesucht
Voraussetzung: Benutzerdefinierte Such- und Paging -Funktionen, wie die Funktion der Suche nach Produktnamen.
Phänomen: Bei der Suche nach aufblasbaren Puppen, geben Sie 100 Datensätze zurück und wenden Sie sich zu diesem Zeitpunkt nach Massagesticks, und das Ergebnis sollte der Datensatz auf der ersten Seite sein. Das tatsächliche Display ist jedoch das Ergebnis auf der fünften Seite. Das heißt, nach der Wiedersuche hat sich die Pagenumberne nicht geändert.
Lösung: Setzen Sie einfach die Option zurück.
Function Search () {$ ('#Tablelist'). Bootstrappable ({Pagenumber: 1, pageSize: 10});};Wenn Sie weiterhin ausführlich lernen möchten, können Sie hier klicken, um Ihnen zu lernen und Ihnen zwei aufregende Themen anzuhängen: Bootstrap -Lern -Tutorial Bootstrap Practical Tutorial
Das Obige dreht sich alles um diesen Artikel, ich hoffe, es wird für das Lernen aller hilfreich sein.