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

     

  • 相关阅读:
    Exceptionless in Docker on Linux 搭建及部署疑难杂症
    Golang 基础语法介绍及对比(二)
    Go Windows 环境安装及配置(一)
    ElasticSearch搜索解析
    ElasticSearch文档及分布式文档存储
    ElasticSearch利用IK实现全文搜索
    ElasticSearch简要总览
    轻松驾驭统计学——数据分析必备技能
    【面试】数据分析常见问题
    【Echarts】
  • 原文地址:https://www.cnblogs.com/youring2/p/3568356.html
Copyright © 2011-2022 走看看