jQuery EasyUI Data Grid - Creazione di Proprietà Griglia
Proprietà griglia (grid proprietà) con un built-in espandere (espandere) il pulsante / compressione (merge), può essere semplicemente righe. Si può semplicemente creare un attributi gerarchiche lista modificabile (gerarchico).
Impostazioni HTML
<Table id = "tt" class = stile "easyui-PropertyGrid" = "width: 300px" url = "propertygrid_data.json" ShowGroup = "true" scrollbarSize = "0" > </ Table>
Preparare i dati JSON
[ { "Nome":, "valore" "Nome": "Bill Smith", "gruppo": "Impostazioni ID", "editore": "testo"}, { "Name": "Indirizzo", "valore": "", "gruppo": "Impostazioni ID", "editore": "testo"}, { "Nome":, "valore" "Age": "40", "gruppo": "Impostazioni ID", "editore": "numberbox"}, { "Nome":, "valore" "Birthday": "01/02/2012", "gruppo": "Impostazioni ID", "editore": "datebox"}, { "Nome": "SSN", "valore": "123-456-7890", "gruppo": "Impostazioni ID", "editore": "testo"}, { "Nome": "Email", "valore": "[email protected]", "gruppo": "Impostazioni marketing", "editore": { "Tipo": "validatebox", "Opzioni": { "VALIDTYPE": "e-mail" } }} { "Nome": "FrequentBuyer", "valore": "false", "gruppo": "Impostazioni di marketing", "editore": { "Tipo": "checkbox", "Opzioni": { "On": true, "Off": false } }} ]
Come si può vedere, la griglia delle proprietà (griglia delle proprietà) non richiede la creazione di qualsiasi codice JavaScript. Si può semplicemente ereditare estensione tipo di editore.