jQuery EasyUI Data Grid - être sélectionné données de ligne

Cet exemple montre comment obtenir les données de ligne sélectionnés.

Data Grid (DataGrid) composant contient deux méthodes pour récupérer les lignes de données sélectionnées:

• GetSelected: obtenir la première ligne de données est sélectionnée, si la ligne est pas sélectionnée, elle renvoie null, sinon il renvoie des enregistrements.
• GetSelections: obtenir toutes les lignes de données sélectionnées, retourne un tableau d'éléments de données des enregistrements.

Création d'une grille de données (DataGrid)

	<Table id = classe "tt" style = "easyui-datagrid" = "width: 600px; height: 250px"
			url = "data / datagrid_data.json"
			title = "iconCls de données de charge" = "icon-save">
		<Thead>
			<Tr>
				<Field Th = "itemid" width = "80"> ID de l'article </ th>
				<Field Th = "ProductID" width = "80"> ID de produit </ th>
				<Th field = largeur "ListPrice" = "80" align = "right"> Prix </ th>
				<Field Th = "unitcost" width = "80" align = "right"> Coût unitaire </ th>
				<Field Th = largeur "de attr1" = "150"> Attribut </ th>
				<Field Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Utilisation de la démo

Obtenir ligne de données sélectionnée:

	var row = $ ( '# tt') datagrid ( 'GetSelected') .;
	si (ligne) {
		alert ( 'ID d'objet:' + row.itemid + "\ nPrice:" + row.listprice);
	}

Obtenez itemid toutes les lignes sélectionnées:

	ids var = [];
	var lignes = $ ( '# tt') datagrid ( 'GetSelections') .;
	for (var i = 0; i <rows.length; i ++) {
		ids.push (lignes [i] .itemid);
	}
	alerte (ids.join ( '\ n'));

Télécharger exemples jQuery EasyUI

jeasyui-datagrid-datagrid3.zip