Easyui-Datagrid统计行footer使用

最新推荐文章于 2021-09-02 17:28:21 发布

xiaoqiu_net

最新推荐文章于 2021-09-02 17:28:21 发布

阅读量2.4w

点赞数 1

分类专栏： jQuery EasyUI 文章标签： Datagrid footer

本文链接：https://blog.youkuaiyun.com/q646926099/article/details/52357537

版权

这篇博客介绍了如何在Easyui的Datagrid中使用footer进行数据统计，展示了带footer的Datagrid的json数据格式，并提供了后端处理的简单说明，同时提到了可以动态更改footer值的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如图：

带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的值：