jQuery EasyUI grade de dados e elemento em árvore - PropertyGrid grade de propriedade
Prorrogado a partir de $ .fn.datagrid.defaults. Por $ .fn.propertygrid.defaults substituir os padrões predefinidos.
grade de propriedade (PropertyGrid) fornece aos usuários uma interface Li Loulan e editar atributos. grade de propriedade é grade de edição de dados em linha. É bastante fácil de usar. Os usuários podem facilmente criar uma lista hierárquica de propriedades editáveis e representar qualquer tipo de dados do projeto. grade de propriedades com um built-in ordenação e agrupamento características.
depender
- datagrid
uso
Criar uma grade de propriedade (PropertyGrid) na tag. Por favor, note que a coluna é built-in, não há necessidade de declará-la novamente.
<Table id = class "pg" = "easyui-PropertyGrid" style = "width: 300px" -opções de dados = "url: 'get_data.php', ShowGroup: true, scrollbarSize: 0"> </ table>
Usar javascript para criar uma grade de propriedade (PropertyGrid).
<Table id = "pg" style = "width: 300px"> </ table>
$ ( 'Pg #'). PropertyGrid ({ url: 'get_data.php', ShowGroup: true, scrollbarSize: 0 });
A grade de propriedade (PropertyGrid) acrescentar uma nova linha.
linha var = { Nome: 'AddName', valor: '', grupo: 'Configurações de Marketing', editor: 'texto' }; $ ( "# Pg ') PropertyGrid (' appendRow ', linha) .;
dados da linha (Linha de Dados)
grade de propriedade (PropertyGrid) estendido a partir da grade de dados (datagrid). Suas fileiras de formato de dados e grade de dados (datagrid) o mesmo. Como uma linha de propriedade, os seguintes campos são necessários:
Nome: o nome do campo.
valor: o valor do campo a ser editado.
Campo valoriza grupo: grupo.
editor: Edite editor de valores de propriedade.
dados de instância linha:
{ "Total": 4, "linhas": [ { "Nome": "Nome", "valor":, "grupo" "Bill Smith": "Configurações de ID", "editor": "texto"}, { "Name": "Endereço", "valor": "", "grupo": "Configurações de ID", "editor": "texto"}, { "Nome": "SSN", "valor":, "grupo" "123-456-7890": "Configurações de ID", "editor": "texto"}, { "Nome": "E-mail", "valor": "[email protected]", "grupo": "Definições de Marketing", "editor": { "Tipo": "validatebox", "Opções": { "VALIDTYPE": "email" } }} ]}
propriedade
A propriedade estende-se desde a grade de dados (datagrid). O que se segue é uma propriedade da grade de propriedade (PropertyGrid) acrescentou.
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
showGroup | boolean | 定义是否显示属性组。 | false |
groupField | string | 定义组的字段名。 | group |
groupFormatter | function(group,rows) | 定义如何格式化组的值。该函数包括下列参数: group:组的字段名。 rows:属于改组的行。 |
caminho
Os métodos estendem-se desde a grelha de dados (grade de dados). Veja como foi adicionado grade de propriedade (PropertyGrid).
名称 | 参数 | 描述 |
---|---|---|
expandGroup | groupIndex | 展开指定的组。如果 'groupIndex' 参数未分配,则展开所有的组。 |
collapseGroup | groupIndex | 折叠指定的组。如果 'groupIndex' 参数未分配,则折叠所有的组。 |
jQuery EasyUI plug-in