jQuery EasyUI dati Grids - cambiare dinamicamente la colonna
Griglia di colonne di dati (DataGrid) può utilizzare la proprietà 'colonne' semplicemente definito. Se si desidera modificare dinamicamente la colonna, che non c'è nessun problema. Per modificare la colonna, è possibile richiamare il metodo DataGrid, il superamento di un nuove colonne di attributi.
La creazione di una griglia di dati (DataGrid)
<Table id = titolo "tt" = "Colonne congelati" class = stile "easyui-DataGrid" = "width: 550px; height: 250px" url = "dati / datagrid_data.json" singleSelect = "true" iconCls = "icona-save"> </ Table>
$ ( '# Tt'). DataGrid ({ colonne: [[ {Campo: 'Itemid', titolo: 'ID dell'oggetto', Larghezza: 80}, {Campo: 'IDProdotto', titolo: 'ID prodotto', Larghezza: 80}, {Campo: 'attr1', titolo: 'attributo', Larghezza: 200}, {Campo: 'status', titolo: 'Stato', Larghezza: 80} ]] });
Eseguire la pagina, si vedrà:
Ma a volte si desidera modificare la colonna, quindi è necessario scrivere del codice:
$ ( '# Tt'). DataGrid ({ colonne: [[ {Campo: 'Itemid', titolo: 'ID dell'oggetto', Larghezza: 80}, {Campo: 'IDProdotto', titolo: 'ID prodotto', Larghezza: 80}, {Campo: 'Prezzo di listino', titolo: 'Listino', Larghezza: 80, allineare: 'destra'}, {Campo: 'Costounitario', titolo: 'Costo unitario', Larghezza: 80, allineare: 'destra'}, {Campo: 'attr1', titolo: 'attributo', Larghezza: 100}, {Campo: 'status', titolo: 'Stato', Larghezza: 60} ]] });
Ricordiamo, abbiamo definito altri attributi, quali: url, larghezza, altezza e così via. Ancora una volta, non abbiamo bisogno di definirli, definiamo che abbiamo bisogno di cambiare.