Najlepszy samouczek jQuery EasyUI Dane siatki - pasek narzędzi W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,
Ten przykład pokazuje, jak dodać pasek narzędzi (pasek narzędzi) do sieci danych (DataGrid).
<Table id = class "tt" = "easyui-DataGrid" style = "width: 600px; height: 250px" url = "data / datagrid_data.json" title = "DataGrid z paska narzędzi" iconCls = "icon-save" toolbar = "# tb"> <THEAD> <Tr> <Pole Th = "itemid" width = "80"> Item ID </ th> <Pole Th = "productid" width = "80"> ID produktu </ th> <Th pole = "ListPrice" width = "80" align = "right"> Cennik </ th> <Pole Th = "unitcost" width = "80" align = "right"> jednostkowy koszt </ th> <Th pole = "attr1" width = "150"> Atrybut </ th> <Pole 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')"> Dodaj </a> <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')"> Zapisz </a> </ Div>
Nie trzeba pisać żadnego kodu javascript, po prostu 'Toolbar' własności dołączonym pasku narzędzi (pasek narzędzi) do sieci danych (DataGrid).