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




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

easyui 表格底部加合计

本文介绍了jquery easyui中datagrid使用合计行显示汇总信息的方法,需要的朋友参考下。 在jquery easyui中使用datagrid合计行,...
  • u013766398
  • u013766398
  • 2016年10月31日 10:43
  • 4510

datagrid中添加合计行计算合计

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

datagrid 当前页面统计合计等在Footer页脚。

如下是效果图:三行的平均值,合计等计算 $.extend($.fn.datagrid.methods, {           //extend 用来新增datagrid 的方法,名字为stat...
  • aq23es
  • aq23es
  • 2016年06月15日 16:55
  • 501

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

默认的'rowStyler' 选项不支持footer,想让footer支持rowStyler的话,dategird就得重写。代码如下 var myview = $.extend({}, $.fn...
  • HUXU981598436
  • HUXU981598436
  • 2014年07月25日 19:22
  • 6575

JQueryEasyUI之DataGrid的footer无法显示出来

原因: 1、showFooter没有配置。 2、后台输出的json格式有问题。 解决: 1、showFooter: true 2、以ThinkPHP后端框架为例: // 返回Ajax $...
  • tangxinzhuan
  • tangxinzhuan
  • 2016年06月20日 15:23
  • 1523

jquery easyui-datagrid 如何清空数据

//清空原有数据 方法1:             var item = $('#filegrid').datagrid('getRows'); if (item)...
  • shaobaojie
  • shaobaojie
  • 2013年01月14日 14:11
  • 42004

easyui-datagrid合并列 C#使用Dynamic泛型计算合并列数据

easy官方文档,这么写的。。easyui-datagrid的和并列需要如下数据格式数据:偷懒了,直接把官方的搬过来。自己看吧。 Merge some cells to one cell...
  • gzy11
  • gzy11
  • 2016年10月21日 18:37
  • 811

easyui datagrid 添加统计行

function compute() {//计算函数             var rows = $('#dg').datagrid('getRows')//获取当前的数据行          ...
  • creathly003
  • creathly003
  • 2015年01月09日 17:37
  • 9619

jQuery easyUI datagrid 增加求和统计行

在datagrid的onLoadSuccess事件增加代码处理。             .subtotal { font-weight: bold; }/*合计单元格样式*/      ...
  • a497785609
  • a497785609
  • 2015年01月14日 17:46
  • 31532

EasyUI DataGird底部统计行

EasyUI DataGird底部统计行先上一个datagrid底部统计行的图片: 官方文档对于datagrid的底部统计行的说明很简单,只提到了showFooter定义是否显示行脚,并没有说怎...
  • f445239051
  • f445239051
  • 2016年04月30日 23:02
  • 876
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Easyui-Datagrid统计行footer使用
举报原因:
原因补充:

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