1. Home
  2. jQuery EasyUI Dane Siatki - dynamicznie zmieniać kolumny

Najlepszy samouczek jQuery EasyUI Dane Siatki - dynamicznie zmieniać kolumny W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

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ć.

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid6.zip

Hot Tutorials

Contact US

jQuery EasyUI Dane Siatki - dynamicznie zmieniać kolumny
10/30