jQuery EasyUI danych Siatka - Dodaj okno

Ten przykład pokazuje, w jaki sposób umieścić w kolumnie do sieci danych (DataGrid). Pola wyboru, użytkownik będzie miał możliwość wyboru / Usuń zaznaczenie linii siatki danych.

Aby dodać kolumny pole wyboru, po prostu trzeba dodać atrybut wyboru kolumny i ustawić go na true. Kod w następujący sposób:

	<Id Tabela = "tt" title = "checkbox Wybierz" class = "easyui-DataGrid" style = "width: 550px; height: 250px"
			url = "data / datagrid_data.json"
			idField = "itemid" stronicowanie = "true"
			iconCls = "icon-save">
		<THEAD>
			<Tr>
				<Th pole = "ck" checkbox = "true"> </ p>
				<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 = "100"> Atrybut </ th>
				<Pole Th = "status" width = "60" align = "center"> Stan </ th>
			</ Tr>
		</ THEAD>
	</ Table>

Powyższy kod dodano kolumnę z wyboru atrybutów, więc będzie stać kolumna wyboru. Jeżeli nieruchomość idField został ustawiony, siatka danych (DataGrid) wyboru pozostaną ustawione na różnych stronach.

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid10.zip