Il miglior tutorial jQuery EasyUI Data Grid - ottenere i dati selezionati fila Nel 2024, in questo tutorial puoi imparare Scarica esempi jQuery EasyUI,
Questo esempio dimostra come ottenere i dati selezionati.
Griglia di dati (DataGrid) componente contiene due metodi per recuperare le righe selezionate di dati:
<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>
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'));