jqGrid 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.
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 < in < | umgewandeltfalsch |
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 | verwendenfalsch |
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-Arrays | entsprechenleer |
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 | leer|
boolean | Dieses Attribut ist nur gültig, wenn Multiboxonly auf „true“ gesetzt ist. Durch Klicken auf andere Spalten wird die Auswahl der aktuellen Zeile gelöscht. | 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 |

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

Detaillierte Erläuterung der Methode für JavaScript -Zeichenfolge und FAQ In diesem Artikel werden zwei Möglichkeiten untersucht, wie String -Zeichen in JavaScript ersetzt werden: Interner JavaScript -Code und interne HTML für Webseiten. Ersetzen Sie die Zeichenfolge im JavaScript -Code Die direkteste Möglichkeit ist die Verwendung der Ersatz () -Methode: str = str.replace ("find", "ersetzen"); Diese Methode ersetzt nur die erste Übereinstimmung. Um alle Übereinstimmungen zu ersetzen, verwenden Sie einen regulären Ausdruck und fügen Sie das globale Flag G hinzu:: STR = Str.Replace (/fi

Hier sind Sie also bereit, alles über dieses Ding namens Ajax zu lernen. Aber was genau ist das? Der Begriff AJAX bezieht sich auf eine lose Gruppierung von Technologien, mit denen dynamische, interaktive Webinhalte erstellt werden. Der Begriff Ajax, ursprünglich von Jesse J geprägt

10 Fun JQuery Game -Plugins, um Ihre Website attraktiver zu machen und die Stickinität der Benutzer zu verbessern! Während Flash immer noch die beste Software für die Entwicklung von lässigen Webspielen ist, kann JQuery auch überraschende Effekte erzielen und zwar nicht mit reinen Action -Flash -Spielen vergleichbar sind, aber in einigen Fällen können Sie auch einen unerwarteten Spaß in Ihrem Browser haben. JQuery Tic Toe Game Die "Hello World" der Game -Programmierung hat jetzt eine Jquery -Version. Quellcode JQuery Crazy Word Kompositionsspiel Dies ist ein Spiel mit der Füllung, und es kann einige seltsame Ergebnisse erzielen, da das Wort nicht kennt. Quellcode JQuery Mine Sweeping Game

In Artikel werden JavaScript -Bibliotheken erstellt, veröffentlicht und aufrechterhalten und konzentriert sich auf Planung, Entwicklung, Testen, Dokumentation und Werbestrategien.

Dieses Tutorial zeigt, wie ein faszinierender Parallaxen -Hintergrundeffekt mit JQuery erstellt wird. Wir werden ein Header -Banner mit geschichteten Bildern bauen, die eine atemberaubende visuelle Tiefe erzeugen. Das aktualisierte Plugin funktioniert mit JQuery 1.6.4 und später. Laden Sie die herunter

Matter.js ist eine in JavaScript geschriebene 2D -Motorhilfe -Physik -Engine. Diese Bibliothek kann Ihnen helfen, die 2D -Physik in Ihrem Browser problemlos zu simulieren. Es bietet viele Merkmale, wie die Möglichkeit, starre Körper zu erstellen und physikalische Eigenschaften wie Masse, Fläche oder Dichte zuzuweisen. Sie können auch verschiedene Arten von Kollisionen und Kräften simulieren, wie z. B. die Schwerkraft Reibung. Matter.js unterstützt alle Mainstream -Browser. Darüber hinaus ist es für mobile Geräte geeignet, da es Berührungen erkennt und reagiert. Alle diese Funktionen machen es Ihre Zeit wert, zu lernen, wie man die Engine benutzt. In diesem Tutorial werde ich die Grundlagen dieser Bibliothek, einschließlich ihrer Installation und Nutzung, behandeln und a bereitstellen

Dieser Artikel zeigt, wie Sie den Inhalt eines DIV automatisch alle 5 Sekunden mit JQuery und Ajax aktualisieren können. Das Beispiel holt und zeigt die neuesten Blog -Beiträge aus einem RSS -Feed zusammen mit dem letzten Aktualisierungstempel. Ein Ladebild ist Optiona

In dem Artikel werden Strategien zur Optimierung der JavaScript -Leistung in Browsern erörtert, wobei der Schwerpunkt auf die Reduzierung der Ausführungszeit und die Minimierung der Auswirkungen auf die Lastgeschwindigkeit der Seite wird.
