Heim > Web-Frontend > js-Tutorial > Beispiel für serverseitiges Paging in der Bootstrap-Tabelle „sharing_jquery'.

Beispiel für serverseitiges Paging in der Bootstrap-Tabelle „sharing_jquery'.

WBOY
Freigeben: 2016-05-16 16:14:52
Original
1620 Leute haben es durchsucht

1. Die für die Front-End-Einführung erforderlichen js können von der offiziellen Website heruntergeladen werden

Code kopieren Der Code lautet wie folgt:

Funktion getTab(){
var url = contextPath '/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';
$('#tab').bootstrapTable({
Methode: 'get', //Es muss eingestellt werden, um hierher zu gelangen. Ich weiß nicht, warum ich es nach dem Setzen von Post nicht bekommen kann
URL: URL,
Cache: falsch,
Höhe: 400,
gestreift: wahr,
Paginierung: wahr,
Seitenliste: [10,20],
// contentType: "application/x-www-form-urlencoded",
Seitengröße:10,
Seitennummer:1,
Suche: wahr,
sidePagination:'server',//Auf serverseitiges Paging setzen
queryParams: queryParams,//parameters
showColumns: true,
showRefresh: true,
MinimumCountColumns: 2,
clickToSelect: true,
smartDisplay:true,
Spalten: [
{
Feld: 'interfaceInfoCode',
Titel: „Fondskanalcode“,
ausrichten: 'center',
Breite: '180',
valign: 'unten',
sortierbar: wahr
}, {
Feld: 'retreatBatchCode',
Titel: „Stapelnummer der Fondsrückgabe“,
ausrichten: 'center',
Breite: '200',
valign: 'mitte',
sortierbar: wahr
}, {
Feld: 'Gesamt',
Titel: 'Gesamtzahl der Transaktionen',
ausrichten: 'center',
Breite: '10',
valign: 'top',
sortierbar: wahr
}, {
Feld: 'totalMoney',
Titel: 'Gesamtbetrag',
ausrichten: 'center',
Breite: '100',
valign: 'mitte',
clickToSelect: false
}, {
Titel: 'Operation',
Feld: 'Staat',
ausrichten: 'center',
Breite: '200',
valign: 'mitte',
}]
});
}
//Legen Sie die eingehenden Parameter fest
Funktion queryParams(params) {
Parameter zurückgeben
}
$(function(){
getTab();
})

2 Backstage

Auf einigen Websites müssen Sie die eingehenden Parameter formatieren, um pageSize und pageIndex zu erhalten. Wenn Sie es wissen, können Sie es mit mir teilen

Code kopieren Der Code lautet wie folgt:
int currentPage = request.getParameter("offset") == null ? 1 : Integer.parseInt(request.getParameter("offset"));
//Anzahl der Zeilen pro Seite
int showCount = request.getParameter("limit") == null ? 10 : Integer.parseInt(request.getParameter("limit"));/
if (currentPage != 0) {// Ermitteln Sie die Anzahl der Seiten
currentPage = currentPage / showCount;
}
currentPage = 1;
JSONObject json = new JSONObject();
json.put("rows", bfrv); //Die Schlüssel von rows und total sind hier festgelegt
json.put("total", total);

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er wird euch gefallen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage