Le meilleur didacticiel jQuery EasyUI Data Grid - être sélectionné données de ligne en 2024, dans ce didacticiel, vous pouvez apprendre Télécharger exemples jQuery EasyUI,
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:
<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>
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'));