jQuery EasyUI Daten Grids - dynamisch die Spalte ändern
Data Grid (Datagrid) Spalte können die 'Spalten' Eigenschaft verwenden, einfach definiert. Wenn Sie die Spalte dynamisch zu ändern, dass es kein Problem ist. Um die Spalte zu ändern, können Sie Datagrid-Methode erinnern, ein neues Attribut Spalten übergeben.
Erstellen eines Data Grid (Datagrid)
<Table id = "tt" title = "Frozen Spalten" class = "easyui-Datagrid" style = "width: 550px; height: 250px" url = "data / datagrid_data.json" singleSelect = "true" iconCls = "Symbol-save"> </ Table>
$ ( '# Tt'). Datagrid ({ Spalten: [[ {Field: 'itemid', Titel: 'Item ID', Breite: 80}, {Field: 'ProductId', Titel: 'Product ID', Breite: 80}, {Field: 'attr1', Titel: 'Attribut', Breite: 200}, {Field: "Status", Titel: 'Status', Breite: 80} ]] });
Führen Sie die Seite, werden Sie sehen:
Aber manchmal will man die Spalte zu ändern, so dass Sie einen Code schreiben müssen:
$ ( '# Tt'). Datagrid ({ Spalten: [[ {Field: 'itemid', Titel: 'Item ID', Breite: 80}, {Field: 'ProductId', Titel: 'Product ID', Breite: 80}, {Field: 'gelisteter', Titel: "Listenpreis", Breite: 80, ausrichten: "Recht"}, {Field: 'Unitcost ", Titel:" Stückkosten ", Breite: 80, ausrichten:" Recht "}, {Field: 'attr1', Titel: 'Attribut', Breite: 100}, {Field: "Status", Titel: 'Status', Breite: 60} ]] });
Denken Sie daran, wir haben andere Attribute definiert, wie zum Beispiel: url, Breite, Höhe und so weiter. Wieder einmal, wir brauchen sie nicht zu definieren, definieren wir die müssen wir ändern.