jQuery EasyUI Data Grid - Creazione di sintesi footer
In questo tutorial, vi mostreremo come visualizzare le informazioni di riepilogo riga piè di pagina nella griglia di dati (DataGrid).
Per visualizzare il piè di pagina, è necessario impostare proprietà ShowFooter è vero, quindi preparare definito nella griglia di dati (DataGrid) righe piè di pagina dei dati. Il seguente è un campione di dati:
{ "Totale": 1, "righe": [{ "id": 1, "name": "Chai", "prezzo": 18.00}], "piè di pagina": [{ "name": "Total", " "prezzo: 18.00}]}
La creazione di una griglia di dati (DataGrid)
<Table id = titolo "tt" = "DataGrid" class = stile "easyui-DataGrid" = "width: 400px; height: 250px" url = "dati / datagrid17_data.json" fitColumns = "true" rownumbers = "true" ShowFooter = "true"> <Thead> <Tr> <Field Th = "nome" width = "80"> Nome del prodotto </ th> <Th campo = larghezza "prezzo" = "40" align = "right"> Prezzo Unità </ th> </ Tr> </ Thead> </ Table>
righe piè di pagina e righe di dati per visualizzare lo stesso, in modo da poter visualizzare informazioni più di una sintesi nel piè di pagina.