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




本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/p/3568356.html,如需转载请自行联系原作者

相关文章
|
7月前
|
存储 开发框架 NoSQL
ASP.NET WEB——项目中Cookie与Session的用法
ASP.NET WEB——项目中Cookie与Session的用法
91 0
|
3月前
|
数据采集 JSON API
.NET 3.5 中 HttpWebRequest 的核心用法及应用
【9月更文挑战第7天】在.NET 3.5环境下,HttpWebRequest 类是处理HTTP请求的一个核心组件,它封装了HTTP协议的细节,使得开发者可以方便地发送HTTP请求并接收响应。本文将详细介绍HttpWebRequest的核心用法及其实战应用。
131 6
|
4月前
|
开发框架 前端开发 .NET
闲话 ASP.NET Core 数据校验(二):FluentValidation 基本用法
闲话 ASP.NET Core 数据校验(二):FluentValidation 基本用法
|
7月前
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
85 0
|
3月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
43 7
|
3月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
63 0
|
4月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
49 0
|
4月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
4月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
129 0
|
7月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
195 0