


Beispiel für serverseitiges Paging in der Bootstrap-Tabelle „sharing_jquery'.
1. Die für die Front-End-Einführung erforderlichen js können von der offiziellen Website heruntergeladen werden
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
//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);

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



So verwenden Sie Bootstrap, um den Wert der Suchleiste zu erhalten: Bestimmt die ID oder den Namen der Suchleiste. Verwenden Sie JavaScript, um DOM -Elemente zu erhalten. Holen Sie sich den Wert des Elements. Führen Sie die erforderlichen Maßnahmen aus.

Die Verwendung von Bootstrap in Vue.js ist in fünf Schritte unterteilt: Startstrap installieren. Bootstrap in main.js. Verwenden Sie die Bootstrap -Komponente direkt in der Vorlage. Optional: benutzerdefinierter Stil. Optional: Verwenden Sie Plug-Ins.

Es gibt zwei Möglichkeiten, eine Bootstrap -Split -Zeile zu erstellen: Verwenden des Tags, das eine horizontale Split -Linie erstellt. Verwenden Sie die CSS -Border -Eigenschaft, um benutzerdefinierte Style Split -Linien zu erstellen.

Verwenden Sie Bootstrap, um die vertikale Zentrierung zu implementieren: FlexBox-Methode: Verwenden Sie den D-Flex, den Justify-Content-Center und die Ausrichtungsklassen aus Align-Item-Center, um Elemente in den Flexbox-Behälter zu platzieren. Methode für Ausstellungs-Iitem-Center-Klassen: Bei Browsern, die Flexbox nicht unterstützen, verwenden Sie die Klasse aus Align-items-Center-Klasse, vorausgesetzt, das übergeordnete Element hat eine definierte Höhe.

Um die Größe der Elemente in Bootstrap anzupassen, können Sie die Dimensionsklasse verwenden, einschließlich: Einstellbreite:.

Um das Bootstrap -Framework einzurichten, müssen Sie die folgenden Schritte befolgen: 1. Verweisen Sie die Bootstrap -Datei über CDN; 2. Laden Sie die Datei auf Ihrem eigenen Server herunter und hosten Sie sie. 3.. Fügen Sie die Bootstrap -Datei in HTML hinzu; 4. Kompilieren Sie Sass/weniger bei Bedarf; 5. Importieren Sie eine benutzerdefinierte Datei (optional). Sobald die Einrichtung abgeschlossen ist, können Sie die Grid -Systeme, -Komponenten und -stile von Bootstrap verwenden, um reaktionsschnelle Websites und Anwendungen zu erstellen.

Es gibt verschiedene Möglichkeiten, Bilder in Bootstrap einzufügen: Bilder direkt mit dem HTML -IMG -Tag einfügen. Mit der Bootstrap -Bildkomponente können Sie reaktionsschnelle Bilder und weitere Stile bereitstellen. Legen Sie die Bildgröße fest und verwenden Sie die IMG-Fluid-Klasse, um das Bild anpassungsfähig zu machen. Stellen Sie den Rand mit der img-beliebten Klasse ein. Stellen Sie die abgerundeten Ecken ein und verwenden Sie die IMG-Rund-Klasse. Setzen Sie den Schatten, verwenden Sie die Schattenklasse. Größen Sie die Größe und positionieren Sie das Bild im CSS -Stil. Verwenden Sie mit dem Hintergrundbild die CSS-Eigenschaft im Hintergrund.

Lösungen für den verstümmelten Code der Bootstrap-Tabelle, wenn Sie AJAX verwenden, um Daten vom Server zu erhalten: 1. Legen Sie die korrekte Zeichenkodierung des serverseitigen Codes (z. B. UTF-8) fest. 2. Stellen Sie den Anforderungsheader in der AJAX-Anforderung ein und geben Sie die akzeptierte Zeichenkodierung an (Akzeptanz-Charge). 3. Verwenden Sie den "Unscape" -Verwandler der Bootstrap -Tabelle, um die entkommene HTML -Entität in Originalzeichen zu dekodieren.
