jQuery EasyUI danych Siatka - Warunki ustawić kolor tła wiersza

Ten poradnik pokaże Ci, jak zmienić styl linii siatki danych (DataGrid) Montaż w zależności od szeregu warunków. Gdy wartość ListPrice jest większa niż 50, będziemy ustawić inny kolor dla rzędu.

Przeznaczony do siatki danych (DataGrid) funkcji rowStyler jest pozwalają dostosować style linii. Poniższy kod pokazuje jak zmienić styl linii:

	<Id Tabela = "tt" title = "DataGrid" style = "width: 600px; height: 250px"
			url = "data / datagrid_data.json"
			singleSelect = "true" fitColumns = "true">
		<THEAD>
			<Tr>
				<Pole Th = "itemid" width = "80"> Item ID </ th>
				<Pole Th = "productid" width = "80"> ID produktu </ th>
				<Th pole = "ListPrice" width = "80" align = "right"> Cennik </ th>
				<Pole Th = "unitcost" width = "80" align = "right"> jednostkowy koszt </ th>
				<Th pole = "attr1" width = "150"> Atrybut </ th>
				<Pole Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ THEAD>
	</ Table>

	$ ( '# Tt "). DataGrid ({
		rowStyler: function (indeksowe, wiersz) {
			if (row.listprice> 50) {
				Powrót "background-color: różowy; color: blue; font-weight: bold;";
			}
		}
	});

Jak widać, możemy ustawić background-color (kolor tła), według niektórych warunków różowy (różowy), ustawić kolor tekstu na niebieski (niebieski).

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid18.zip