datagrid中使用合计行

datagrid中可以使用合计行显示汇总信息，合计行可以是多行，如下图所示：

合计行的数据由datagrid的数据源提供，如下所示：

{"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]}

要使用合计行必须设置showFooter为true，代码如下：

$('#tt').datagrid({
    url: 'datagrid_data.json',
    title: 'DataGrid',
    width: 400,
    height: 220,
    fitColumns: true,
    rownumbers:true,
    showFooter:true,
    columns:[[
        {field:'name',title:'Product Name',width:80},
        {field:'price',title:'Unit Price',width:40,align:'right'}
    ]]
});

原文及下载地址：http://jquery-easyui.wikidot.com/tutorial:datagrid17

 

评论

3 楼 kkmaster 2011-04-06  

经查：reloadFooter可以实现以上功能！
版本：V1.2.3

2 楼 kkmaster 2011-04-06  

补充一下吧：比如编辑，表主体内容发生变货，合计列要相应动态变化，此时也需要操作 footer

1 楼 kkmaster 2011-04-06  

能否增加一些对该footer的操作呢？如手工添加行，现在只有一个getFooterRows如果我的界面一开始没有数据，但是就是要增加一个footer则没有办法。