1. Heim
  2. jQuery EasyUI Data Grid - get Zeilendaten ausgewählt

Das beste jQuery EasyUI Data Grid - get Zeilendaten ausgewählt-Tutorial im Jahr 2024. In diesem Tutorial können Sie Download von jQuery EasyUI Beispiele, lernen

jQuery EasyUI Data Grid - get Zeilendaten ausgewählt

Dieses Beispiel zeigt, wie die ausgewählten Zeilendaten zu erhalten.

Data Grid (Datagrid) Komponente enthält zwei Methoden, um die ausgewählten Zeilen von Daten abzurufen:

  • GetSelected: get wird die erste Zeile der Daten ausgewählt, wenn die Leitung nicht aktiviert ist, es gibt null zurück, andernfalls gibt es Aufzeichnungen.
  • GetSelections: erhalten alle ausgewählten Datenzeilen, eine Reihe von Datenelementen Datensätze zurückgibt.

Erstellen eines Data Grid (Datagrid) 

	<Table id = "tt" class = "easyui-Datagrid" style = "width: 600px; height: 250px"
			url = "data / datagrid_data.json"
			title = "Load Data" iconCls = "icon-save">
		<Thead>
			<Tr>
				<Th Feld = "itemid" width = "80"> Item ID </ th>
				<Th Feld = "productid" width = "80"> Product ID </ th>
				<Th Feld = "gelisteter" width = "80" align = "right"> Listenpreis </ th>
				<Th Feld = "Unitcost" width = "80" align = "right"> Kosten pro Einheit </ th>
				<Th Feld = "attr1" width = "150"> Attribut </ th>
				<Th field = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Mit der Demo

Erhalten Sie ausgewählte Datenreihe: 

	var row = $ ( '# tt') Datagrid ( 'GetSelected') .;
	if (row) {
		alert ( 'Item ID:' + row.itemid + "\ nPreis:" + row.listprice);
	}

Erhalten Sie itemid alle ausgewählten Zeilen: 

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

Download von jQuery EasyUI Beispiele

jeasyui-datagrid-datagrid3.zip

Hot Tutorials

Kontaktiere uns

jQuery EasyUI Data Grid - get Zeilendaten ausgewählt
10/30