jQuery EasyUI Data Grid - Creación de la propiedad de cuadrícula
Propiedad de cuadrícula botón / colapso (fusión) (rejilla de propiedades) con un built-in expand (expandir), que puede ser simplemente filas. Simplemente puede crear una lista editable atributos jerárquicos (jerárquica).
Opciones HTML
<Id = clase "tt" Tabla = estilo "easyui-PropertyGrid" = "width: 300px" url = "propertygrid_data.json" ShowGroup = "true" scrollbarSize = "0" > </ Table>
Preparar los datos JSON
[ { "Name": "Nombre", "valor": "grupo" "Bill Smith": "Configuración de identificación", "editor": "texto"}, { "Name": "Dirección", "valor": "", "grupo": "Configuración ID", "editor": "texto"}, { "Name": "valor" "Edad": "grupo" "40": "Configuración de identificación", "editor": "numberbox"}, { "Name": "valor" "Cumpleaños": "01/02/2012", "grupo": "Configuración de identificación", "editor": "datebox"}, { "Name": "SSN", "valor": "123-456-7890", "grupo": "Configuración de identificación", "editor": "texto"}, { "Name": "Enviar", "valor": "bill@gmail.com", "grupo": "Configuración de Marketing", "editor": { "Tipo": "validatebox", "Opciones": { "ValidType": "e-mail" } }} { "Name": "frequentbuyer", "valor": "false", "grupo": "Configuración de Marketing", "editor": { "Tipo": "casilla de verificación", "Opciones": { "On": true, "Off": false } }} ]
Como se puede ver, la rejilla de propiedades (cuadrícula de propiedades) no requiere la creación de cualquier código JavaScript. Simplemente puede heredar la extensión del tipo de editor.