Latest web development tutorials
×

jQuery EasyUI Kurs

jQuery EasyUI Kurs jQuery EasyUI Kurze Einführung

jEasyUI Anwendung

jEasyUI Erstellen einer CRUD-Anwendung jEasyUI Erstellen eines CRUD Datenraster jEasyUI CRUD-Bewerbungsformular jEasyUI Erstellen Sie einen RSS-Reader

jEasyUI Drag and Drop

jEasyUI Grund Drag \u0026 Drop jEasyUI Erstellen Drop Warenkorb jEasyUI Erstellen Sie einen Lehrplan

jEasyUI Menüs und Tasten

jEasyUI Erstellen eines einfachen Menüs jEasyUI Erstellen Link-Schaltfläche jEasyUI Erstellen Sie ein Menü-Taste jEasyUI Erstellen Sie Split-Taste

jEasyUI Layout

jEasyUI Erstellen Sie eine Grenze Layout jEasyUI Erstellen Sie komplexe Layouts jEasyUI Erstellen Faltplatte jEasyUI Registerkarte erstellen jEasyUI Dynamisch hinzufügen Registerkarten jEasyUI In Registerkarte Autoplay jEasyUI Erstellen XP Style auf der linken Seitenwand

jEasyUI Data Grid

jEasyUI Umgewandelt in HTML-Tabelle Datenraster jEasyUI Erhalten Sie ausgewählte Datenreihe jEasyUI Zur Anfrage jEasyUI In Symbolleiste jEasyUI Erstellen Sie komplexe Symbolleisten jEasyUI Einstellen Einfrieren Spalten jEasyUI Dynamische Spalte Änderung jEasyUI Format Spalten jEasyUI Stellen Sie die Sortierung jEasyUI Benutzerdefinierte Sortierung jEasyUI Erstellen Sie eine Kombination von Spalten jEasyUI In Checkbox jEasyUI Benutzerdefinierte Paging jEasyUI Aktivieren Inline-Editing jEasyUI Erweiterter Editor jEasyUI Spalte Betrieb jEasyUI Zusammengeführt Zelle jEasyUI Benutzerdefinierte Ansicht erstellen jEasyUI Erstellen Sie Fußzeile Zusammenfassung jEasyUI Bedingungen Zeile Hintergrundfarbe jEasyUI Erstellen Sie ein Eigenschaftenraster jEasyUI Expanded Linien Details Anzeigen jEasyUI erstellen Sie Untergliederungen jEasyUI Anzeige massiven Daten jEasyUI Fügen Sie eine Seite Komponente

jEasyUI Fenster

jEasyUI Erstellen einer einfachen Fenster jEasyUI Benutzerdefinierte Fenster Toolbars jEasyUI Fenster und Layout jEasyUI erstellen Dialog jEasyUI Passen Sie im Dialogfeld

jEasyUI Baum-Menü

jEasyUI Verwenden Sie Tags Baum Menü erstellen jEasyUI Erstellen asynchrone Baummenü jEasyUI Hinzufügen eines Knotenbaum-Menü jEasyUI Erstellen Baummenü mit Kontrollkästchen jEasyUI Drag \u0026 Drop die Baummenüsteuerung jEasyUI Lastmenübaum Eltern / Kind-Knoten jEasyUI Erstellen eines rasterbasierten Baum jEasyUI Erstellen Sie eine komplexe Baum mesh jEasyUI Dynamisch geladene Baum Gitter jEasyUI Fügen Sie einen Baum Grid Tab jEasyUI Lazy Loading Gitterknotenbaum

jEasyUI Form

jEasyUI Senden Sie das Formular ein asynchrones zu erstellen jEasyUI Formularauthentifizierung jEasyUI Erstellen Sie ein Dropdown-Feld Baum jEasyUI Format Dropdown-Feld jEasyUI Dropdown-Filterdatenraster

jEasyUI Referenzhandbuch

jQuery EasyUI Widget jQuery EasyUI Verbreitung

jQuery EasyUI Datenraster und Baum-Widget - Property Eigenschaft Gitter

jQuery Plugin EasyUI jQuery Plugin EasyUI

Erweiterte von $ .fn.datagrid.defaults. Mit $ außer Kraft setzen .fn.propertygrid.defaults die Standardeinstellungen zurück.

Objektgitter (Property) bietet dem Anwender eine Schnittstelle Li Loulan und Bearbeiten von Attributen. Objektraster ist Inline-Editing Datenraster. Es ist sehr einfach zu benutzen. Benutzer können leicht eine hierarchische Liste der editierbaren Eigenschaften erstellen und beliebige Datentypen des Projekts darstellen. Objektraster mit einem eingebauten in der Sortierung und Funktionen gruppieren.

Verlassen Sie sich

  • Datagrid

Verwendung

Erstellen Sie ein Eigenschaftenraster (Property) im Tag. Bitte beachten Sie, dass die Säule eingebaut ist, keine Notwendigkeit, es wieder zu erklären.

<Table id = "pg" class = "easyui-Property" style = "width: 300px"
    Daten-Optionen = "url: 'get_data.php', Showgruppe: true, scrollbarSize: 0"> </ table>

Verwenden Sie Javascript ein Eigenschaftenraster (Property) zu erstellen.

<Table id = "pg" style = "width: 300px"> </ table>
$ ( '# Pg'). Property ({
    url: 'get_data.php',
    Showgruppe: true,
    scrollbarSize: 0
});

Das Anwesen Gitter (Property) eine neue Zeile anhängen.

var row = {
    Name: 'Addname',
    Wert: '',
    Gruppe: 'Marketing-Einstellungen'
    Herausgeber: 'text'
};
$ ( '# Pg') Property ( 'appendRow', Zeile) .;

Zeilendaten (Zeilendaten)

Objektgitter (Property) erstreckte sich von dem Datenraster (Datagrid). Die Reihen von Datenformat und Datenraster (Datagrid) gleich. Als Grundstücksgrenze, werden die folgenden Felder erforderlich:
Name: der Feldname.
Wert: Der Wert des Feldes bearbeitet werden.
Feldwerte Gruppe: Gruppe.
Herausgeber: Eigenschaftswerte-Editor bearbeiten.

Line-Dateninstanz:

{ "Total": 4, "Zeilen": [
    { "Name": "Name", "Wert": "Bill Smith", "Gruppe": "ID-Einstellungen", "Editor": "Text"},
    { "Name": "Adresse", "Wert": "", "Gruppe": "ID-Einstellungen", "Editor": "Text"},
    { "Name": "SSN", "Wert": "123-456-7890", "Gruppe": "ID-Einstellungen", "Editor": "Text"},
    { "Name": "E-Mail", "Wert": "[email protected]", "Gruppe": "Marketing-Einstellungen", "Editor": {
		"Typ": "validatebox",
		"Optionen": {
			"ValidType": "E-Mail"
		}
    }}
]}

Immobilien

Das Anwesen erstreckt sich von dem Datengitter (Datagrid). Im Folgenden ist eine Eigenschaft des Objekts Gitter (Property) hinzugefügt.

名称 类型 描述 默认值
showGroup boolean 定义是否显示属性组。 false
groupField string 定义组的字段名。 group
groupFormatter function(group,rows) 定义如何格式化组的值。该函数包括下列参数:
group:组的字段名。
rows:属于改组的行。

Weg

Die Methoden reichen von der Datengitter (Datagrid). Hier ist, wie Eigenschaft Gitter (Property) hinzugefügt.

名称 参数 描述
expandGroup groupIndex 展开指定的组。如果 'groupIndex' 参数未分配,则展开所有的组。
collapseGroup groupIndex 折叠指定的组。如果 'groupIndex' 参数未分配,则折叠所有的组。

jQuery Plugin EasyUI jQuery Plugin EasyUI