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

     

  • 相关阅读:
    FastDFS分布式文件系统
    Nginx负载均衡
    Linux系统:第六章:Linux服务
    libphp5.so可能遇到的问题(转摘)
    apache和tomcat的关系
    linux有些sh文件,为什么要用 ./ 来执行
    Linux上安装apache
    解决centos6系统上python3—flask模块的安装问题
    常见的消息队列中间件介绍
    Linux上部署Tomcat+Nginx负载均衡
  • 原文地址:https://www.cnblogs.com/youring2/p/3568356.html
Copyright © 2011-2022 走看看