jQuery EasyUI data Grid - mendapatkan data yang dipilih baris
Contoh ini menunjukkan bagaimana untuk mendapatkan data baris yang dipilih.
Data Grid (datagrid) komponen berisi dua metode untuk mengambil baris yang dipilih data:
- getSelected: mendapatkan baris pertama data dipilih, jika baris tidak dipilih, ia mengembalikan null, jika tidak maka kembali catatan.
- getSelections: mendapatkan semua baris yang dipilih dari data, mengembalikan array elemen data catatan.
Membuat 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> <Bidang Th = "Itemid" width = "80"> ID Item </ th> <Bidang Th = "productid" width = "80"> ID Produk </ th> <Th field = "listprice" width = "80" align = "right"> Daftar Harga </ th> <Bidang Th = "unitcost" width = "80" align = "right"> Satuan Biaya </ th> <Th field = "attr1" width = "150"> Atribut </ th> <Bidang Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
Menggunakan Demo
Mendapatkan baris data yang dipilih:
var row = $ ( '# tt') datagrid ( 'getSelected') .; if (baris) { alert ( 'ID Item:' + row.itemid + "\ nPrice:" + row.listprice); }
Dapatkan itemid semua baris yang dipilih:
var ids = []; var rows = $ ( '# tt') datagrid ( 'getSelections') .; for (var i = 0; i <rows.length; i ++) { ids.push (baris [i] .itemid); } alert (ids.join ( '\ n'));