suchen
HeimWeb-Frontendjs-TutorialjqGrid Chinesische Dokumentoptionsetting_jquery

jqGrid bietet eine große Anzahl von Optionseinstellungen, die jqGrid steuern können, indem sie beispielsweise die Breite, Höhe, den Datentyp, den Spaltennamen usw. der Tabelle festlegen erfolgt über die Optionseinstellungen. Die Optionen von jqGrid haben im Allgemeinen die Form Name: Wert (Name: Wert) und können auch in Form von Objekt (Objekt) und Array (Array) konfiguriert werden.

jqGrid-Option(Option)

Um jqGrid aufzurufen, müssen Sie nur den folgenden Code ausführen:

jQuery("#grid_id").jqGrid(options);

Optionen sind die Optionseinstellungen von jqGrid, siehe folgende Tabelle.

verwenden entsprechen leernur MultiboxbooleanDieses Attribut ist nur gültig, wenn Multiboxonly auf „true“ gesetzt ist. Durch Klicken auf andere Spalten wird die Auswahl der aktuellen Zeile gelöscht.
Eigenschaften Typ Beschreibung Standardwert
ajaxGridOptions Objekt Dieses Element wird verwendet, um die globalen Eigenschaften von Ajax festzulegen, wenn die Tabelleneinstellung Daten erhält. Beachten Sie, dass dieses Element möglicherweise alle aktuellen Ajax-Einstellungen (einschließlich Fehler-, Komplett- und BeforeSend-Ereignisse) überschreibt. leer
ajaxSelectOptions Objekt Dieses Element wird verwendet, um die globalen Eigenschaften von Ajax festzulegen, wenn Elemente über dataUrl in editoptions- oder searchoptions-Objekten ausgewählt werden. leer
altclass Zeichenfolge Klasse für abwechselnde Reihen.Dies ist nur gültig, wenn altRows auf true gesetzt ist. ui-priority-secondary
altRows boolean Als alternierende Zeilentabelle festlegen falsch
automatische Kodierung boolean Wenn auf „true“ gesetzt, werden Daten vom Server und übermittelte Daten codiert. Beispielsweise wird umgewandelt falsch
automatische Breite boolean Wenn es auf „true“ gesetzt ist, stimmt die Tabellenbreite automatisch mit der Breite des übergeordneten Elements überein. Dieser Abgleich wird nur durchgeführt, wenn die Tabelle erstellt wird, wenn sich die Breite des übergeordneten Elements ändert, können Sie die setGridWidth-Methode falsch
Bildunterschrift Zeichenfolge Der Titel der Tabelle. Wird in der Kopfzeile angezeigt. Es wird nicht angezeigt, wenn es leer ist. leer
cellLayout Ganzzahl Diese Eigenschaft bestimmt die Breite des Füllrahmens der Zelle. Normalerweise wird dieses Attribut nicht geändert, aber wenn das td-Element im CSS der Tabelle geändert wird, muss dieses Attribut geändert werden. Der Standardwert 5 bedeutet paddingLef(2) paddingRight(2) borderLeft(1)=5 5
ZelleBearbeiten boolean Ob die Zellenbearbeitung zugelassen werden soll. falsch
cellsubmit Zeichenfolge Bestimmen Sie, ob der Zellinhalt im Remote- oder ClientArray gespeichert wird. 'remote'
cellurl Zeichenfolge Die in der Zelle gespeicherte URL. null
colModel Array Beschreibt das Spaltenparameter-Array. Dies ist der wichtigste Teil der Tabelle. Weitere Informationen finden Sie unter colModel API. null
colNames Array[] Array von Spaltennamen. Dieser Name wird in der Kopfzeile angezeigt. Die Namen werden durch Kommas getrennt und die Anzahl sollte der Anzahl der colModel-Arraysleer
Daten Array Speichern Sie lokale Daten in Form eines Arrays. leer
datastr Zeichenfolge Wenn der Datentyp auf xmlstring oder jsonstring eingestellt ist, handelt es sich um eine Datenzeichenfolge. null
Datentyp Zeichenfolge Definieren Sie die Art der Daten, die die Tabelle erhalten möchte. Gültige Werte sind:
Xml – XML-Daten
xmlstring – XML-String
json – JSON-Daten
jsonstring – JSON-Zeichenfolge
lokal – Clientdaten (Array)
Javascript – Javascript-Daten
Funktion – Funktion gibt Daten zurück
xml
AfterSort deaktivieren boolean Nur ​​anwendbar, wenn der Datentyp lokal ist. Hebt die Auswahl der aktuell ausgewählten Zeilen auf, wenn eine Sortierung angewendet wird. wahr
Richtung Zeichenfolge Schreibrichtung in der Tabelle.„ltr“ von links nach rechts (Standard), „rtl“ von rechts nach links ltr
editurl Zeichenfolge Inline-Bearbeitungsadressen-URL definieren null
leere Datensätze Zeichenfolge Die angezeigten Informationen, wenn die zurückgegebene (oder aktuelle) Menge Null ist. Dieses Element ist nur gültig, wenn viewrecords auf true gesetzt ist.
ExpandColClick boolean Wenn „true“, klicken Sie, um den Text der Zeile zu erweitern, und das TreeGrid wird erweitert oder reduziert wahr
ExpandColumn Zeichenfolge Geben Sie die Spalte an (Name kommt von colModel), die zum Erweitern des TreeGrid verwendet wird. Wenn nicht festgelegt, wird die erste Spalte verwendet.Dieses Element ist nur gültig, wenn treeGrid wahr ist. null
Fußzeile boolean Wenn auf true gesetzt, wird eine Tabellenfußzeile mit der Anzahl der Spalten generiert, die colModel entspricht falsch
forceFit boolean Wenn der Wert auf „true“ gesetzt ist und die Spaltenbreite geändert wird, werden auch angrenzende Spalten an die Gesamttabelle angepasst und horizontale Bildlaufleisten werden nicht angezeigt. falsch
Netzstatus Zeichenfolge Der aktuelle Status der Tabelle. Entweder sichtbar oder versteckt sichtbar
Rasteransicht boolean Die Einstellung „true“ erhöht die Anzeigegeschwindigkeit um das 5- bis 10-fache.Sie können die Ereignisse „treeGrid“, „subGrid“ oder „afterInsertRow“ jedoch nicht mehr verwenden falsch
Gruppierung boolean Ob eine Tischgruppe eingerichtet werden soll falsch
Höhe gemischt Tischhöhe. Kann ein Wert, ein Prozentsatz oder ein Auto sein 150
verstecktes Gitter boolean Wenn auf „true“ gesetzt, wird die Tabelle ausgeblendet, die Daten werden nicht geladen und nur der Titel wird angezeigt. Wenn zum ersten Mal auf die Schaltfläche „Einblenden/Ausblenden“ geklickt wird, um die Tabelle anzuzeigen, werden die Daten vom Server geladen. falsch
Hidegrid boolean Ob Schaltflächen zum Ein-/Ausblenden verfügbar sein sollen. Nur verfügbar, wenn der Titel nicht leer ist. wahr
schwebt boolean Ob die Tabellenzeile einen Mouseover-Effekt hat wahr
jsonReader Array JSON-Datenstruktur-Array
letzte Seite Ganzzahl Die Gesamtzahl der von der Anfrage zurückgegebenen Seiten 0
letzte Sortierung Ganzzahl Spaltennummer zum Sortieren (beginnend bei 0) 0
Einmal laden boolean Wenn auf „true“ gesetzt, liest die Tabelle die Serverdaten (unter Verwendung des entsprechenden Datentyps) nur einmal. Danach ändert sich der Datentyp automatisch in „Lokal“, alle weiteren Vorgänge werden auf dem Client und der Pager-Funktion (sofern vorhanden) ausgeführt ) wird deaktiviert. falsch
Ladetext Zeichenfolge Text, der angezeigt wird, wenn Daten angefordert und sortiert werden Laden…
loadui Zeichenfolge Dieses Element steuert die Aktion, wenn der Ajax-Prozess ausgeführt wird. Deaktivieren – Abbrechen der Prozessanweisungen von jqGrid. Es können benutzerdefinierte Anweisungen verwendet werden. aktivieren (Standard) – Der Ladevorgang wird in der Mitte der Tabelle angezeigt. Block – Zeigt die Meldung „Laden“ an und deaktiviert alle Funktionen auf der Seite, bis das Laden der Daten abgeschlossen ist. aktivieren
mtype Zeichenfolge Übermittlungstyp POST oder GET definieren GET
Multikey Zeichenfolge Dieses Attribut ist nur gültig, wenn Multiselect wahr ist. Es definiert die Tastenkombination für Multiselect. Die optionalen Werte sind: ShiftKey, AltKey, StrgKey
false
multiselect boolean 此属性设为true时启用多行选择,出现复选框 false
multiselectWidth integer 若multiselect 为true时,定义多选列的宽度。 20
page integer 设置请求初始页的数量,此参数通过URL从服务器接受数据 1
pager mixed 定义分页浏览导航条。必须是一个HTML元素,如
kosong
pagerpos rentetan Tentukan kedudukan bar navigasi menyemak imbas jadual Secara lalai, bar navigasi dibuat terdiri daripada 3 bahagian: nombor halaman, butang navigasi dan maklumat rekod. pusat
butang pg boolean Tentukan sama ada butang navigasi dipaparkan apabila navigasi diaktifkan. benar
pginput boolean Tentukan sama ada bar navigasi mempunyai kotak input nombor halaman. benar
pgtext rentetan Maklumat halaman semasa. Jumlah pertama ialah halaman semasa, dan jumlah kedua ialah jumlah halaman.
prmNames tatasusunan Secara lalai prmNames: { page: "page", rows: "rows", sort: "sidx", order: "sord", search: "_search", nd: "nd", npage:null} Dihantar ke pelayan dalam mod POST, medannya ialah: page, rows, sidx, sord, search, nd Sebagai contoh, jika anda ingin menukar sidx kepada mysort, anda boleh menulis: prmNames: {sort: “mysort”}. cara, rentetan yang diserahkan kepada pelayan akan menjadi: page=1&rows=10&mysort=myindex&sord=asc Jika beberapa parameter ditetapkan kepada null, parameter ini tidak akan dihantar ke pelayan lagi. Contohnya prmNames: { nd:null} maka parameter nd tidak akan dihantar. Untuk parameter Npage, lihat pilihan tatal. tiada
Data siaran tatasusunan Tatasusunan ini boleh dihantar terus ke url. Tatasusunan ini boleh dalam bentuk {name1:value1…}. kosong
ceritakan integer Atribut baca sahaja. Mentakrifkan bilangan baris yang dipaparkan dalam jadual. Tidak boleh dikelirukan dengan rekod. 0
recordpos rentetan Tentukan kedudukan merekodkan maklumat pada halaman, yang boleh di kiri, tengah atau kanan. betul
recordpos objek Kelas untuk baris berselang seli benar
rekod integer Atribut baca sahaja. Tentukan bilangan rekod untuk diperoleh daripada permintaan tiada
teks rekod rentetan Maklumat segera yang boleh dipaparkan pada halaman, ini
Stellungnahme
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
Jenseits des Browsers: JavaScript in der realen WeltJenseits des Browsers: JavaScript in der realen WeltApr 12, 2025 am 12:06 AM

Zu den Anwendungen von JavaScript in der realen Welt gehören die serverseitige Programmierung, die Entwicklung mobiler Anwendungen und das Internet der Dinge. Die serverseitige Programmierung wird über node.js realisiert, die für die hohe gleichzeitige Anfrageverarbeitung geeignet sind. 2. Die Entwicklung der mobilen Anwendungen erfolgt durch reaktnative und unterstützt die plattformübergreifende Bereitstellung. 3.. Wird für die Steuerung von IoT-Geräten über die Johnny-Five-Bibliothek verwendet, geeignet für Hardware-Interaktion.

Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration)Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration)Apr 11, 2025 am 08:23 AM

Ich habe eine funktionale SaaS-Anwendung mit mehreren Mandanten (eine EdTech-App) mit Ihrem täglichen Tech-Tool erstellt und Sie können dasselbe tun. Was ist eine SaaS-Anwendung mit mehreren Mietern? Mit Multi-Tenant-SaaS-Anwendungen können Sie mehrere Kunden aus einem Sing bedienen

So erstellen Sie eine SaaS-Anwendung mit mehreren Mietern mit Next.js (Frontend Integration)So erstellen Sie eine SaaS-Anwendung mit mehreren Mietern mit Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AM

Dieser Artikel zeigt die Frontend -Integration mit einem Backend, das durch die Genehmigung gesichert ist und eine funktionale edtech SaaS -Anwendung unter Verwendung von Next.js. erstellt. Die Frontend erfasst Benutzerberechtigungen zur Steuerung der UI-Sichtbarkeit und stellt sicher, dass API-Anfragen die Rollenbasis einhalten

JavaScript: Erforschung der Vielseitigkeit einer WebspracheJavaScript: Erforschung der Vielseitigkeit einer WebspracheApr 11, 2025 am 12:01 AM

JavaScript ist die Kernsprache der modernen Webentwicklung und wird für seine Vielfalt und Flexibilität häufig verwendet. 1) Front-End-Entwicklung: Erstellen Sie dynamische Webseiten und einseitige Anwendungen durch DOM-Operationen und moderne Rahmenbedingungen (wie React, Vue.js, Angular). 2) Serverseitige Entwicklung: Node.js verwendet ein nicht blockierendes E/A-Modell, um hohe Parallelitäts- und Echtzeitanwendungen zu verarbeiten. 3) Entwicklung von Mobil- und Desktop-Anwendungen: Die plattformübergreifende Entwicklung wird durch reaktnative und elektronen zur Verbesserung der Entwicklungseffizienz realisiert.

Die Entwicklung von JavaScript: Aktuelle Trends und ZukunftsaussichtenDie Entwicklung von JavaScript: Aktuelle Trends und ZukunftsaussichtenApr 10, 2025 am 09:33 AM

Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.

Entmystifizieren JavaScript: Was es tut und warum es wichtig istEntmystifizieren JavaScript: Was es tut und warum es wichtig istApr 09, 2025 am 12:07 AM

JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.

Ist Python oder JavaScript besser?Ist Python oder JavaScript besser?Apr 06, 2025 am 12:14 AM

Python eignet sich besser für Datenwissenschaft und maschinelles Lernen, während JavaScript besser für die Entwicklung von Front-End- und Vollstapel geeignet ist. 1. Python ist bekannt für seine prägnante Syntax- und Rich -Bibliotheks -Ökosystems und ist für die Datenanalyse und die Webentwicklung geeignet. 2. JavaScript ist der Kern der Front-End-Entwicklung. Node.js unterstützt die serverseitige Programmierung und eignet sich für die Entwicklung der Vollstapel.

Wie installiere ich JavaScript?Wie installiere ich JavaScript?Apr 05, 2025 am 12:16 AM

JavaScript erfordert keine Installation, da es bereits in moderne Browser integriert ist. Sie benötigen nur einen Texteditor und einen Browser, um loszulegen. 1) Führen Sie sie in der Browser -Umgebung durch, indem Sie die HTML -Datei durch Tags einbetten. 2) Führen Sie die JavaScript -Datei nach dem Herunterladen und Installieren von node.js nach dem Herunterladen und Installieren der Befehlszeile aus.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version