Ext.Net学习笔记15:Ext.Net GridPanel 汇总(Summary)用法

Summary的用法和Group一样简单,分为两步:

启用Summary功能

在Feature标签内,添加如下代码:

<ext:Summary runat="server"></ext:Summary>

使用汇总列

然后我们需要在ColumnModel中使用SummaryColumn:

<ext:SummaryColumn runat="server"  ID="columnName" Width="150" Text="姓名" DataIndex="Name" 
    SummaryType="Count">
</ext:SummaryColumn>

SummaryType表示汇总类型,可用的有Count、Average、Max、Min、Sum等,都是我们最常用的汇总类型。

image

加上这些代码以后我们已经能够看到总行数了,但是这样显示不够好看,我们可以使用SummaryRender来自定义显示:

<ext:SummaryColumn runat="server"  ID="columnName" Width="150" Text="姓名" DataIndex="Name" 
    SummaryType="Count">
    <SummaryRenderer Handler="return '共 ' + value + ' 条'"></SummaryRenderer>
</ext:SummaryColumn>

刷新以后的截图如下:

image

分组汇总(Group Summary)

我们在上一篇中介绍了Ext.Net中GridPanel的Grouping用法,接下来我们看一下对分组汇总的实现,一样很简单,只需要开启这个功能:

<Features>
    <ext:GridFilters ID="GridFilters1" runat="server" Local="true">
        <Filters>
            <ext:StringFilter DataIndex="Name"></ext:StringFilter>
        </Filters>
    </ext:GridFilters>
    <ext:Summary runat="server"></ext:Summary>
    <ext:GroupingSummary runat="server"></ext:GroupingSummary>
</Features>

开启分组汇总功能之后,我们的截图如下:

image

注意:Summary功能和Group功能一样,都是在客户端完成的,并且只对当前页的数据进行汇总和分组。

 

posted @ 2014-02-26 09:26  拓荒者FF  阅读(3735)  评论(5编辑  收藏  举报