jQuery EasyUI Data Grid - Création de la propriété Grille
Propriété Grille (grille de la propriété) avec un haut-expand (expansion) bouton / effondrement (fusion), il peut simplement être rangées. Vous pouvez simplement créer une liste des attributs hiérarchiques modifiable (hiérarchique).
Paramètres HTML
<Table id = classe "tt" style = "easyui-PropertyGrid" = "width: 300px" url = "propertygrid_data.json" ShowGroup = "true" scrollbarSize = "0" > </ Table>
Préparer les données JSON
[ { "Nom": "groupe" "Bill Smith": "Nom", "valeur" "Paramètres ID", "éditeur": "texte"}, { "Name": "Adresse", "valeur": "", "groupe": "Paramètres d'ID", "éditeur": "texte"}, { "Nom": "groupe" "40": "Age", "value" "Paramètres ID", "éditeur": "NumberBox"}, { "Nom": "groupe" "01/02/2012":, "valeur" "Birthday" "Paramètres ID", "éditeur": "datebox"}, { "Nom": "groupe" "123-456-7890": "SSN", "valeur" "Paramètres ID", "éditeur": "texte"}, { "Nom": "Email", "valeur": "[email protected]", "groupe": "Paramètres marketing", "éditeur": { "Type": "validatebox", "Options": { "VALIDTYPE": "email" } }} { "Nom": "FrequentBuyer", "valeur": "groupe" "false": "Paramètres marketing", "éditeur": { "Type": "case", "Options": { "On": true, "Off": false } }} ]
Comme vous pouvez le voir, la grille de la propriété (propriété de la grille) ne nécessite pas la création d'un code javascript. Vous pouvez simplement hériter l'extension type d'éditeur.