jQuery EasyUI Dados Grids - alterar dinamicamente a coluna
coluna de dados Grid (DataGrid) pode usar a propriedade 'colunas' simplesmente definido. Se você quiser alterar dinamicamente a coluna, que não há nenhum problema. Para alterar a coluna, você pode chamar o método datagrid, passando uma nova colunas de atributos.
Criando uma grade de dados (DataGrid)
<Id Tabela = "tt" title = "colunas congeladas" class = "easyui-datagrid" style = "width: 550px; height: 250px" url = "Dados / datagrid_data.json" singleSelect = "true" iconCls = "icon-salvar"> </ Table>
$ ( "# Tt '). Datagrid ({ colunas: [[ {Field: 'ItemId', título: 'ID Item', largura: 80}, {Field: "ProductID", título: 'ID do produto, largura: 80}, {Field: 'attr1', título: 'atributo', width: 200}, {Field: 'status', título: 'Status', largura: 80} ]] });
Executar a página, você verá:
Mas às vezes você quer mudar a coluna, então você precisa escrever algum código:
$ ( "# Tt '). Datagrid ({ colunas: [[ {Field: 'ItemId', título: 'ID Item', largura: 80}, {Field: "ProductID", título: 'ID do produto, largura: 80}, {Field: 'ListPrice', título: «Lista de preços ', largura: 80, alinhamento:' direita '}, {Field: 'unitcost', título: 'Custo Unitário, largura: 80, alinhamento:' direita '}, {Field: 'attr1', título: 'atributo', width: 100}, {Field: 'status', título: 'Status', largura: 60} ]] });
Lembre-se, nós definimos outros atributos, tais como: url, largura, altura e assim por diante. Mais uma vez, não é necessário defini-los, nós definimos que precisamos mudar.