论坛首页 Web前端技术论坛

datagrid中使用合计行

浏览 4883 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-12-23  

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

 

   发表时间:2011-04-06  
能否增加一些对该footer的操作呢?如手工添加行,现在只有一个getFooterRows如果我的界面一开始没有数据,但是就是要增加一个footer则没有办法。
0 请登录后投票
   发表时间:2011-04-06  
补充一下吧:比如编辑,表主体内容发生变货,合计列要相应动态变化,此时也需要操作 footer
0 请登录后投票
   发表时间:2011-04-06  
经查:reloadFooter可以实现以上功能!
版本:V1.2.3
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics