1. Home
  2. jQuery EasyUI danych Siatka - Get wybrane dane wierszy

Najlepszy samouczek jQuery EasyUI danych Siatka - Get wybrane dane wierszy W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI danych Siatka - Get wybrane dane wierszy

Ten przykład pokazuje, jak uzyskać wybranych danych rzędu.

Siatka danych (DataGrid) komponent zawiera dwie metody, aby pobrać wybrane wiersze danych:

  • getSelected: uzyskać pierwszy wiersz danych jest zaznaczone, jeśli linia nie zostanie wybrana, to zwraca null, w przeciwnym wypadku zwraca rekordy.
  • getSelections: uzyskać wszystkie wybrane wiersze danych, zwraca tablicę elementów danych rekordów.

Tworzenie siatki danych (DataGrid) 

	<Table id = class "tt" = "easyui-DataGrid" style = "width: 600px; height: 250px"
			url = "data / datagrid_data.json"
			title = "data obciążenia" iconCls = "icon-save">
		<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>

Korzystanie z Demo

Uzyskanie wybrany wiersz danych: 

	var row = $ ( '# tt') DataGrid ( "getSelected") .;
	if (row) {
		alert ( "ID artykułu: '+ row.itemid +" \ nPrice: "+ row.listprice);
	}

Uzyskaj itemID wszystkie wybrane wiersze: 

	var id = [];
	var rows = $ ( '# tt') DataGrid ( "getSelections") .;
	for (var i = 0; i <rows.length; i ++) {
		ids.push (wiersze [i] .itemid);
	}
	alert (ids.join ( '\ n'));

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid3.zip

Hot Tutorials

Contact US

jQuery EasyUI danych Siatka - Get wybrane dane wierszy
10/30