Extjs Grid Grouping - 设置默认标题/值

Posted

技术标签:

【中文标题】Extjs Grid Grouping - 设置默认标题/值【英文标题】:Extjs Grid Grouping - setting default header/value 【发布时间】:2013-04-10 14:46:26 【问题描述】:

在下面的网格分组示例中。如果第一条记录没有返回数据,我如何将第一组显示为 (0 个国家/地区)。

目前,如果没有记录,第一组不会出现

我需要做的是,用 (0) 计数显示第一组,而不仅仅是让它消失。有没有办法仍然显示组标题,即使没有数据,比如默认标题之类的?有任何想法吗?我需要为所有 4 个标题执行此操作

更新

Ext.require(['Ext.data.*', 'Ext.grid.*']);
Ext.onReady(function() 
Ext.define('Country', 
    extend: 'Ext.data.Model',
    fields: ['name']
);

var Country = Ext.create('Ext.data.Store', 
    storeId: 'country',
    model: 'Country',
    groupField: 'countryName',
    proxy: 
            type: 'ajax',
            scope: this,
            url: 'myExtjsApp/ExtjsGetRecord',
            reader: 
                type: 'json',
                root: 'data'
            
        
);

var groupingFeature = Ext.create('Ext.grid.feature.Grouping',
    groupHeaderTpl: 'name (rows.length Item[values.rows.length > 1 ? "s" : ""])'
);

var grid = Ext.create('Ext.grid.Panel', 
    renderTo: Ext.getBody(),
    collapsible: true,
    iconCls: 'icon-grid',
    frame: true,
    store: Country,
    width: 600,
    height: 400,
    title: 'Country',
    features: [groupingFeature],
    columns: [
        text: 'Country',
        flex: 1,
        dataIndex: 'name'
    ]
);
);

【问题讨论】:

您也可以添加您的 json 数据提要。 (或部分) 我看到你在这里欺骗了这个答案来获取你的代码:***.com/questions/7521567/… 【参考方案1】:

副题:

对于您的标题模板,您还可以使用复数格式函数,而不仅仅是添加 's':(具有讽刺意味的是,如果您不传递单数和复数参数,则会这样做)...只是一个想法。

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.util.Format-method-plural

【讨论】:

以上是关于Extjs Grid Grouping - 设置默认标题/值的主要内容,如果未能解决你的问题,请参考以下文章

extjs grid grouping 关闭和展开

Extjs 4.0 怎样对grid的store多层分组,就是groupField不只是一个,store中数据是多层关系,高手求教,急

ExtJs中的分组表格应用中,怎样实现 单击分组标题选中该标题,双击或点击加号展开

EXTJS 网格分组扩展行中的奇怪行为 - 缺少 CSS?

ExtJS 动态设置Grid列是否可编辑

Extjs5 如何设置grid的某行的某列单元格处于编辑状态