jQuery EasyUI data Grid - toolbar
Contoh ini menunjukkan bagaimana untuk menambahkan toolbar (toolbar) ke jaringan data (datagrid).
Membuat data Grid (datagrid)
<Table id = "tt" class = "easyui-datagrid" style = "width: 600px; height: 250px" url = "data / datagrid_data.json" title = "datagrid dengan Toolbar" iconCls = "icon-save" toolbar = "# tb"> <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> <Div id = "tb"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Tambahkan </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> Potong </a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> bintang </a> </ Div>
Kami tidak perlu menulis kode javascript hanya dengan 'toolbar' properti terpasang toolbar (toolbar) ke jaringan data (datagrid).