jQuery EasyUI Data Grid - Symbolleiste
Dieses Beispiel zeigt, wie eine Symbolleiste (Toolbar) an das Datengitter (Datagrid) hinzuzufügen.
Erstellen eines Data Grid (Datagrid)
<Table id = "tt" class = "easyui-Datagrid" style = "width: 600px; height: 250px" url = "data / datagrid_data.json" title = "Datagrid mit Toolbar" iconCls = "icon-save" Symbolleiste = "# tb"> <Thead> <Tr> <Th Feld = "itemid" width = "80"> Item ID </ th> <Th Feld = "productid" width = "80"> Product ID </ th> <Th Feld = "gelisteter" width = "80" align = "right"> Listenpreis </ th> <Th Feld = "Unitcost" width = "80" align = "right"> Kosten pro Einheit </ th> <Th Feld = "attr1" width = "150"> Attribut </ th> <Th field = "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')"> </a> hinzufügen <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> Cut </a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Speichern </a> </ Div>
Wir brauchen keine JavaScript-Code einfach durch "Symbolleiste" Eigentum angebracht Symbolleiste (Toolbar) an das Datengitter (Datagrid) zu schreiben.