1. Home
  2. jQuery EasyUI Data Grid - Creación de la propiedad de cuadrícula

El mejor tutorial de jQuery EasyUI Data Grid - Creación de la propiedad de cuadrícula en 2024. En este tutorial podrás aprender Descargar ejemplos de jQuery EasyUI,

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.

Descargar ejemplos de jQuery EasyUI

jeasyui-datagrid-datagrid20.zip

Hot Tutorials

Contact US

jQuery EasyUI Data Grid - Creación de la propiedad de cuadrícula
10/30