jQuery EasyUI Data Grid - barre d'outils
Cet exemple montre comment ajouter une barre d'outils (barre d'outils) à la grille de données (DataGrid).
Création d'une grille de données (DataGrid)
<Table id = classe "tt" style = "easyui-datagrid" = "width: 600px; height: 250px"
url = "data / datagrid_data.json"
title = "iconCls DataGrid avec la barre d'outils" = "icon-save"
barre d'outils = "# tb">
<Thead>
<Tr>
<Field Th = "itemid" width = "80"> ID de l'article </ th>
<Field Th = "ProductID" width = "80"> ID de produit </ th>
<Th field = largeur "ListPrice" = "80" align = "right"> Prix </ th>
<Field Th = "unitcost" width = "80" align = "right"> Coût unitaire </ th>
<Field Th = largeur "de attr1" = "150"> Attribut </ th>
<Field 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')"> Ajouter </a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> Couper </a>
<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Enregistrer </a>
</ Div>
On n'a pas besoin d'écrire de code javascript par simple barre d'outils "de la barre d'outils 'de propriété attachée (barre d'outils) à la grille de données (DataGrid).
