jQuery EasyUI Data Grid - Création résumé de pied de page
Dans ce tutoriel, nous allons vous montrer comment afficher les informations de synthèse footer ligne de la grille de données (DataGrid).
Pour afficher la ligne de pied de page, vous devez définir la propriété ShowFooter est vrai, alors la préparation défini dans la grille de données (DataGrid) lignes de pied de page de données. Ce qui suit est une donnée de l'échantillon:
{ "Total": 1, "lignes": [{ "id": 1, "name": "Chai", "prix": 18.00}], "footer": [{ "name": "Total", " prix ": 18.00}]}
Création d'une grille de données (DataGrid)
<Table id = "tt" title = class "DataGrid" style = "easyui-datagrid" = "width: 400px; height: 250px" url = "data / datagrid17_data.json" fitColumns = "true" rownumbers = "true" ShowFooter = "true"> <Thead> <Tr> <Field Th = "nom" width = "80"> Nom du produit </ th> <Field Th = "price" width = "40" align = "right"> Prix unitaire </ th> </ Tr> </ Thead> </ Table>
lignes de bas de page et des lignes de données à afficher la même, de sorte que vous pouvez afficher des informations plus d'un résumé dans le pied de page.