jQuery EasyUI Dane Siatki - dynamicznie zmieniać kolumny
Siatka danych (DataGrid) kolumna może użyć właściwości "kolumny", po prostu zdefiniowane. Jeśli chcesz się dynamicznie zmieniać kolumny, to nie ma problemu. Aby zmienić kolumny, można przywołać metodę DataGrid przechodząc do nowych kolumn atrybutów.
Tworzenie siatki danych (DataGrid)
<Id Tabela = "tt" title = "Zamrożone Kolumny" class = "easyui-DataGrid" style = "width: 550px; height: 250px" url = "data / datagrid_data.json" singleSelect = "true" iconCls = "icon-save"> </ Table>
$ ( '# Tt "). DataGrid ({ kolumny: [[ {Pole: "itemid", tytuł: "Numer pozycji", szerokość: 80} {Pole: "ProductId", tytuł: "Product ID", szerokość: 80} {Pole: "attr1", tytuł: "Atrybut ', szerokość: 200} {Pola: 'status', tytuł: "Stan", szerokość: 80} ]] });
Uruchomić stronę, pojawi się:
Ale czasami chcesz zmienić kolumnę, więc trzeba napisać trochę kodu:
$ ( '# Tt "). DataGrid ({ kolumny: [[ {Pole: "itemid", tytuł: "Numer pozycji", szerokość: 80} {Pole: "ProductId", tytuł: "Product ID", szerokość: 80} {Pole: "ListPrice", tytuł: "Cena", szerokość: 80, align: 'prawo'}, {Pole: "unitcost", tytuł: "koszt jednostkowy, szerokość: 80, align: 'prawo'}, {Pole: "attr1", tytuł: "Atrybut ', szerokość: 100} {Pola: 'status', tytuł: "Stan", szerokość: 60} ]] });
Pamiętaj, że mamy zdefiniowane inne atrybuty, takie jak: url, szerokość, wysokość i tak dalej. Po raz kolejny, nie musimy ich zdefiniowania, definiujemy który musimy zmienić.