Easyui-Datagrid统计行footer使用
效果如图:
带footer的Datagrid的json数据格式:
后端处理:
public ActionResult GetList(string id) { HerbInOutStockPlanDetail_Repository rep = new HerbInOutStockPlanDetail_Repository(); var data = rep.GetList(id); //datagrid数据 List<dynamic> list = new List<dynamic> { //footer要为json数组,这里用list new {Num=data.Sum(d => d.Num),Amount=data.Sum(d=>d.Amount)}, }; return Json(new { rows = data, footer = list }, JsonRequestBehavior.AllowGet); }返回规定的json数据后前端datagrid设置showFooter:true,然后就自动绑定了数据。
还可以更改footer的值:
var rows = $("#PlanDetail_tab").datagrid("getFooterRows"); rows[0]["Price"] = 0; rows[0]["Manufacturer"] = "合计:"; $("#PlanDetail_tab").datagrid("reloadFooter"); //$("#PlanDetail_tab").datagrid("reloadFooter", [ // { Price: "0", }, //]);
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
- 上一篇: vue.js移动数组位置,同时更新视图
- 下一篇: vue.js选中动态绑定的radio的指定项