jQuery EasyUI data Grid - membuat toolbar yang kompleks
Data Grid (datagrid) toolbar (toolbar) dapat berisi tombol dan komponen lainnya. Anda dapat melewati sebuah tag DIV ada untuk dengan mudah tata letak toolbar kustom, tag DIV akan menjadi isi dari data grid (datagrid) toolbar. Tutorial ini akan menunjukkan cara untuk membuat grid data toolbar (datagrid) komponen kompleks.
Buat toolbar (Toolbar)
<Div id = "tb" style = "padding: 5px; height: auto"> <Div style = "margin-bottom: 5px"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"> </a> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> </a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"> </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true"> </a> <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"> </a> </ Div> <Div> Tanggal Dari: <input class = "easyui-datebox" style = "width: 80px"> Untuk: <input class = "easyui-datebox" style = "width: 80px"> bahasa: <Input class = "easyui-combobox" style = "width: 100px" url = "data / combobox_data.json" valueField = "id" textField = "text"> <a href="#" class="easyui-linkbutton" iconCls="icon-search"> Cari </a> </ Div> </ Div>
Membuat data Grid (datagrid)
<Table class = "easyui-datagrid" style = "width: 600px; height: 250px" url = "data / datagrid_data.json" title = "datagrid - Kompleks Toolbar" toolbar = "# tb" singleSelect = "true" fitColumns = "true"> <Thead> <Tr> <Bidang Th = "Itemid" width = "60"> ID Item </ th> <Bidang Th = "productid" width = "80"> ID Produk </ th> <Th field = "listprice" align = "right" width = "70"> Daftar Harga </ th> <Th field = "unitcost" align = "right" width = "70"> Satuan Biaya </ th> <Th field = "attr1" width = "200"> Alamat </ th> <Bidang Th = "status" width = "50"> Status </ th> </ Tr> </ Thead> </ Table>
Seperti yang Anda lihat, data grid (datagrid) toolbar kotak dialog Fields (dialog) yang sama. Kami tidak perlu menulis kode javascript, Anda dapat membuat toolbar dengan jaringan data yang kompleks (datagrid).