jQuery EasyUI Data Grid - Erstellen von Objekt Grid
Property Grid (Eigenschaftenraster) mit einem eingebauten in EXPAND (Erweiterungs) / Kollaps (merge) Taste, kann es einfach die Reihen sein. Sie können einfach eine editierbare hierarchische Attribute (hierarchische) Liste erstellen.
HTML-Einstellungen
<Table id = "tt" class = "easyui-Property" style = "width: 300px" url = "propertygrid_data.json" Showgruppe = "true" scrollbarSize = "0" > </ Table>
Bereiten Sie JSON-Daten
[ { "Name": "Name", "Wert": "Bill Smith", "Gruppe": "ID-Einstellungen", "Editor": "Text"}, { "Name": "Adresse", "Wert": "", "Gruppe": "ID-Einstellungen", "Editor": "Text"}, { "Name": "Alter", "Wert": "40", "Gruppe": "ID-Einstellungen", "Editor": "numberbox"}, { "Name": "Geburtstag", "Wert": "01.02.2012", "Gruppe": "ID-Einstellungen", "Editor": "datebox"}, { "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" } }} { "Name": "frequentbuyer", "Wert": "false", "Gruppe": "Marketing-Einstellungen", "Editor": { "Typ": "Checkbox", "Optionen": { "On": true, "Off": false } }} ]
Wie Sie die Erstellung von beliebigen JavaScript-Code sehen können, bedarf es der Eigenschaftenraster (Eigenschaftenraster) nicht. Sie können einfach Erweiterung Editor Typ erben.