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'));