zoukankan      html  css  js  c++  java
  • Ext.Net学习笔记14:Ext.Net GridPanel Grouping用法

    Ext.Net学习笔记14:Ext.Net GridPanel Grouping用法

    Ext.Net GridPanel可以进行Group操作,例如:

    image

    如何启用Grouping功能呢?只需要在GridPanel中添加一行配置节点:

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

    加上这一行代码之后,我们的GridPanel就具备了分组的功能。此时我们的每一列都可以分组,如果要禁用某一列分组,可以使用下面的代码来完成:

    <ext:Column runat="server" ID="columnID" Width="100" Text="ID" DataIndex="ID" 
        Groupable="false"></ext:Column>

    在Column中添加Groupable属性,并将值设置为false,就可以禁用列的分组功能。

    自定义Group标题

    我们可以自定义Group的标题:

    <ext:Grouping runat="server" GroupHeaderTplString="{columnName}:{name}"></ext:Grouping>

    自定义标题是通过Tpl模板来实现的,因此我们只要符合Tpl的格式就可以了。

    下面我们为标题添加上分组的行数:

    image

    代码如下:

    <ext:Grouping runat="server" 
        GroupHeaderTplString="{columnName}:{name}{[MyApp.formatGroupSummary(values)]}"></ext:Grouping>

    JS方法:

    var MyApp = {
        formatGroupSummary: function (values) {
            var rows = values.rows,
            numRows = rows.length;
            return Ext.String.format("(共 {0} 条)", numRows);
        }
    };

    注意,Group分组只对当前页有效,并且只在客户端完成。

  • 相关阅读:
    Linux任务前后台的切换
    如何给html元素的onclick事件传递参数即如何获取html标签的data
    关键词多空格处理
    tp3常量
    php 正则判断是否是手机号码
    thinkphp 初始化
    删除图标
    time() 在thinkphp 3.2.3 模板格式化输出
    iOS工程如何支持64-bit
    调试instruments
  • 原文地址:https://www.cnblogs.com/dwuge/p/5261341.html
Copyright © 2011-2022 走看看