1. Home
  2. jQuery EasyUI Data Grid - Criação de Propriedade Grade

O melhor tutorial jQuery EasyUI Data Grid - Criação de Propriedade Grade em 2024. Neste tutorial você pode aprender Baixar exemplos jQuery EasyUI,

jQuery EasyUI Data Grid - Criação de Propriedade Grade

Propriedade Grid (grade de propriedade) com um built-in de expansão (expansão) Botão / recolher (merge), ele pode ser simplesmente linhas. Você pode simplesmente criar uma lista editável atributos hierárquicos (hierárquica).

Configurações de HTML 

	<Table id = class "tt" = "easyui-PropertyGrid" style = "width: 300px"
            url = "propertygrid_data.json"
            ShowGroup = "true" scrollbarSize = "0"
    > </ Table>

Prepare dados JSON 

	[
		{ "Nome": "Nome", "valor":, "grupo" "Bill Smith": "Configurações de ID", "editor": "texto"},
		{ "Name": "Endereço", "valor": "", "grupo": "Configurações de ID", "editor": "texto"},
		{ "Nome": "Age", "valor":, "grupo" "40": "Configurações de ID", "editor": "numberbox"},
		{ "Nome": "Aniversário", "valor":, "grupo" "01/02/2012": "Configurações de ID", "editor": "datebox"},
		{ "Nome": "SSN", "valor":, "grupo" "123-456-7890": "Configurações de ID", "editor": "texto"},
		{ "Nome": "E-mail", "valor": "bill@gmail.com", "grupo": "Definições de Marketing", "editor": {
			"Tipo": "validatebox",
			"Opções": {
				"VALIDTYPE": "email"
			}
		}}
		{ "Nome": "frequentbuyer", "valor": "false", "grupo": "Configurações de Marketing", "editor": {
			"Tipo": "checkbox",
			"Opções": {
				"On": verdadeiro,
				"Off": false
			}
		}}
	]

Como você pode ver, a grade de propriedade (grade de propriedade) não exige a criação de qualquer código javascript. Você pode simplesmente herdar a extensão do tipo de editor.

Baixar exemplos jQuery EasyUI

jeasyui-datagrid-datagrid20.zip

Tutoriais quentes

Contact US

jQuery EasyUI Data Grid - Criação de Propriedade Grade
10/30