jQuery EasyUI Dane siatki - pasek narzędzi
Ten przykład pokazuje, jak dodać pasek narzędzi (pasek narzędzi) do sieci danych (DataGrid).
Tworzenie siatki 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).
