jQuery EasyUI Data Grid - Barra de herramientas
Este ejemplo muestra cómo agregar una barra de herramientas (barra de herramientas) a la red de datos (cuadrícula de datos).
Creación de una cuadrícula de datos (DataGrid)
<Id = clase "tt" Tabla = estilo "easyui-cuadrícula de datos" = "width: 600px; altura: 250px" url = "data / datagrid_data.json" title = "iconCls DataGrid con la barra de herramientas" = "icono de guardado" Barra de herramientas = "# tb"> <Culata en T> <Tr> <Campo Th = "Itemid" width = "80"> ID del elemento </ th> <Campo Th = "ProductID" width = "80"> Identificación del producto </ th> <Th Campo = "Precio de la lista" width = "80" align = "right"> Lista de Precios </ th> <Campo Th = "unitcost" width = "80" align = "right"> Costo unitario </ th> <= Th Campo anchura "attr1" = "150"> Atributo </ th> <Campo Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Culata en T> </ Table> <Div id = "tb"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Añadir </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> Corte </a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Guardar </a> </ Div>
No necesitamos que escribir ningún código Javascript simplemente por "barra de herramientas" Barra de herramientas adjunta propiedad (barra de herramientas) a la red de datos (cuadrícula de datos).