jQuery EasyUI data Grid - Tambahkan kotak
Contoh ini menunjukkan bagaimana untuk menempatkan kotak di kolom ke grid data (datagrid). Centang, pengguna akan memiliki pilihan untuk memilih / membatalkan pilihan garis grid data.
Untuk menambahkan kolom kotak centang, kita hanya perlu menambahkan kolom atribut kotak centang dan mengaturnya untuk benar. Kode sebagai berikut:
<Table id = "tt" title = "Checkbox Pilih" class = "easyui-datagrid" style = "width: 550px; height: 250px" url = "data / datagrid_data.json" idfield = "Itemid" pagination = "true" iconCls = "icon-save"> <Thead> <Tr> <Th field = "ck" checkbox = "true"> </ th> <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 = "100"> Atribut </ th> <Bidang Th = "status" width = "60" align = "center"> Status </ th> </ Tr> </ Thead> </ Table>
Kode di atas menambahkan kotak centang atribut kolom dengan, sehingga akan menjadi kolom kotak centang. Jika properti idfield telah ditetapkan, data grid (datagrid) seleksi akan tetap diatur pada halaman yang berbeda.