jQuery EasyUI Data Grid - barra de ferramentas
Este exemplo demonstra como adicionar uma barra de ferramentas (barra de ferramentas) para a grade de dados (datagrid).
Criando uma grade de dados (DataGrid)
<Table id = class "tt" = "easyui-datagrid" style = "width: 600px; height: 250px" url = "Dados / datagrid_data.json" title = "DataGrid com barra de ferramentas" iconCls = "icon-save" toolbar = "# tb"> <Thead> <Tr> <Field Th = "ItemId" width = "80"> Item ID </ th> <Field Th = "ProductID" width = "80"> ID do produto </ th> <Th campo = "ListPrice" width = "80" align = "right"> Listar preço </ th> <Field Th = "unitcost" width = "80" align = "right"> Custo Unitário </ th> <Th campo = largura "attr1" = "150"> Atributo </ 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')"> Adicionar </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')"> Salvar </a> </ Div>
Nós não precisa escrever qualquer código javascript simplesmente "barra de ferramentas" propriedade barra de ferramentas anexada (barra de ferramentas) para a grade de dados (datagrid).