Easyui-Datagrid统计行footer使用

原创 2016年08月29日 23:29:20

效果如图:


带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',  },
            //]);




版权声明:本文为博主原创文章,未经博主允许不得转载。

datagrid中添加合计行计算合计

在公司demo项目实习中,我有一个功能是展示所有支出明细后,在下面添加一行合计,计算所有支出明细之和。 首先我想到的是用easyui里datagrid有一个属性showFooter,就是添加...

JQuery Easy UI datagrid中使用合计行

datagrid中可以使用合计行显示汇总信息,合计行可以是多行,如下图所示: 合计行的数据由datagrid的数据源提供,如下所示: Js代码   {   "total": 1,  ...

easyui 表格底部加合计

本文介绍了jquery easyui中datagrid使用合计行显示汇总信息的方法,需要的朋友参考下。 在jquery easyui中使用datagrid合计行,...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

JQueryEasyUI之DataGrid的footer无法显示出来

原因: 1、showFooter没有配置。 2、后台输出的json格式有问题。 解决: 1、showFooter: true 2、以ThinkPHP后端框架为例: // 返回Ajax $...

EasyUi Datagrid中footer修改行样式的问题

默认的'rowStyler' 选项不支持footer,想让footer支持rowStyler的话,dategird就得重写。代码如下 var myview = $.extend({}, $.fn...

datagrid footer 列出指定行之和

ShowFooter="True"             private double sum = 0;//取指定列的数据和,你要根据具体情况对待可能你要处理的是int       pro...

用datagrid 的 Footer实现 添加修改和删除功能

aspx页面中的DataGrid                                                                                    ...
  • jetxia
  • jetxia
  • 2006年02月23日 12:19
  • 1328

EasyUI DataGird底部统计行

EasyUI DataGird底部统计行先上一个datagrid底部统计行的图片: 官方文档对于datagrid的底部统计行的说明很简单,只提到了showFooter定义是否显示行脚,并没有说怎...

jQuery easyUI datagrid 增加求和统计行

在datagrid的onLoadSuccess事件增加代码处理。             .subtotal { font-weight: bold; }/*合计单元格样式*/      ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Easyui-Datagrid统计行footer使用
举报原因:
原因补充:

(最多只允许输入30个字)