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功能一样,都是在客户端完成的,并且只对当前页的数据进行汇总和分组。

起飞网原创首发,转载请注明出处

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

你可能感兴趣的:(gridPanel)