jQuery EasyUI Data Grid - ottenere i dati selezionati fila

Questo esempio dimostra come ottenere i dati selezionati.

Griglia di dati (DataGrid) componente contiene due metodi per recuperare le righe selezionate di dati:

• getSelected: GET è selezionata la prima riga di dati, se la linea non è selezionata, restituisce nulla, altrimenti restituisce record.
• GetSelections: ottenere tutte le righe selezionate di dati, restituisce un array di elementi di dati record.

La creazione di una griglia di dati (DataGrid)

	<Table id = "tt" class = stile "easyui-DataGrid" = "width: 600px; height: 250px"
			url = "dati / datagrid_data.json"
			title = "iconCls caricare i dati" = "icona-save">
		<Thead>
			<Tr>
				<Field Th = "Itemid" width = "80"> ID Articolo </ th>
				<Field Th = larghezza "ProductID" = "80"> ID prodotto </ th>
				<Th campo = larghezza "prezzo di listino" = "80" align = "right"> Listino </ th>
				<Field Th = "Costounitario" width = "80" align = "right"> Costo Unità </ th>
				<Th campo = larghezza "attr1" = "150"> attributo </ th>
				<Field Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Utilizzando la demo

Ottenere riga di dati selezionati:

	var row = $ ( '# tt') DataGrid ( 'getSelected') .;
	if (riga) {
		alert ( 'Identificazione di articolo:' + row.itemid + "\ nPrice:" + row.listprice);
	}

Ottenere itemid tutte le righe selezionate:

	var ids = [];
	var file = $ ( '# TT') DataGrid ( 'GetSelections') .;
	for (var i = 0; i <rows.length; i ++) {
		ids.push (righe [i] .itemid);
	}
	alert (ids.join ( '\ n'));

Scarica esempi jQuery EasyUI

jeasyui-datagrid-datagrid3.zip