当前位置: 代码迷 >> Web前端 >> datagrid中运用合计行
  详细解决方案

datagrid中运用合计行

热度:518   发布时间:2012-10-29 10:03:53.0
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

?

1 楼 kkmaster 2011-04-06  
能否增加一些对该footer的操作呢?如手工添加行,现在只有一个getFooterRows如果我的界面一开始没有数据,但是就是要增加一个footer则没有办法。
2 楼 kkmaster 2011-04-06  
补充一下吧:比如编辑,表主体内容发生变货,合计列要相应动态变化,此时也需要操作 footer
3 楼 kkmaster 2011-04-06  
经查:reloadFooter可以实现以上功能!
版本:V1.2.3
  相关解决方案