You found a bug! We've classified it as EXTJS-9365 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Jan 2009
    Posts
    8
    Vote Rating
    0
    poum is on a distinguished road

      0  

    Default [4.2] Grid with rendered column and grouping feature does'nt display rendered value

    [4.2] Grid with rendered column and grouping feature does'nt display rendered value


    With 4.2.0.663, a Grid with grouping feature don't display correctly the group header

    groupHeaderTpl: 'Group: {name}'when the corresponding column use a renderer.

    Using renderedGroupValue instead of name display nothing at all.

    Works as expected with 4.1.

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,904
    Vote Rating
    178
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    Hi,
    I'm working on building a test case to demonstrate the bug. Can you offer a sample code snippet (or feel free to modify the code below) to further demonstrate the expected result versus what you're seeing currently?

    Code:
    Ext.create('Ext.grid.Panel', {
        width: 200,
        height: 240,
        renderTo: document.body,
        features: [{
            ftype: 'groupingsummary'
        }],
        store: {
            model: 'TestResult',
            groupField: 'subject',
            data: [{
                student: 'Student 1',
                subject: 'Math',
                mark: 84
            },{
                student: 'Student 1',
                subject: 'Science',
                mark: 72
            },{
                student: 'Student 2',
                subject: 'Math',
                mark: 96
            },{
                student: 'Student 2',
                subject: 'Science',
                mark: 68
            }]
        },
        columns: [{
            dataIndex: 'student',
            text: 'Name',
            summaryType: 'count',
            renderer: function (val, meta, rec) {
                return 'Something New';
            }
        }, {
            dataIndex: 'mark',
            text: 'Mark',
            summaryType: 'average'
        }]
    });

  3. #3
    Sencha User
    Join Date
    Jan 2009
    Posts
    8
    Vote Rating
    0
    poum is on a distinguished road

      0  

    Default Bug demo

    Bug demo


    Bug demo using a Sencha Grouping Grid example.
    Just add a renderer for cuisine column ...

    I've attached 2 annoted screenshots for 4.1 & 4.2.
    Tested on Ubuntu 12.04 32bit & Firefox 19.0.2

    Code:
    Ext.require(['Ext.data.*', 'Ext.grid.*']);
    Ext.onReady(function() {
        // wrapped in closure to prevent global vars.
        Ext.define('Restaurant', {
            extend: 'Ext.data.Model',
            fields: ['name', 'cuisine']
        });
    
        var restaurants = Ext.create('Ext.data.Store', {
            storeId: 'restaraunts',
            model: 'Restaurant',
            groupField: 'cuisine',
            sorters: ['cuisine','name'],
            data: [{
                name: 'Cheesecake Factory',
                cuisine: 'American'
            },{
                name: 'University Cafe',
                cuisine: 'American'
            },{
                name: 'Slider Bar',
                cuisine: 'American'
            }],
            listeners: {
                groupchange: function(store, groupers) {
                    var grouped = restaurants.isGrouped(),
                        groupBy = groupers.items[0] ? groupers.items[0].property : '',
                        toggleMenuItems, len, i = 0;
    
                    // Clear grouping button only valid if the store is grouped
                    grid.down('[text=Clear Grouping]').setDisabled(!grouped);
                    
                    // Sync state of group toggle checkboxes
                    if (grouped && groupBy === 'cuisine') {
                        toggleMenuItems = grid.down('button[text=Toggle groups...]').menu.items.items;
                        for (len = toggleMenuItems.length; i < len; i++) {
                            toggleMenuItems[i].setChecked(groupingFeature.isExpanded(toggleMenuItems[i].text));
                        }
                        grid.down('[text=Toggle groups...]').enable();
                    } else {
                        grid.down('[text=Toggle groups...]').disable();
                    }
                }
            }
        });
    
        var groupingFeature = Ext.create('Ext.grid.feature.Grouping', {
                groupHeaderTpl: '{columnName}: {name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})',
                hideGroupedHeader: true,
                startCollapsed: true,
                id: 'restaurantGrouping'
            }),
            groups = restaurants.getGroups(),
            len = groups.length, i = 0,
            toggleMenu = [],
            toggleGroup = function(item) {
                var groupName = item.text;
                if (item.checked) {
                    groupingFeature.expand(groupName, true);
                } else {
                    groupingFeature.collapse(groupName, true);
                }
            };
    
        // Create checkbox menu items to toggle associated groupd
        for (; i < len; i++) {
            toggleMenu[i] = {
                xtype: 'menucheckitem',
                text: groups[i].name,
                handler: toggleGroup
            }
        }
    
        var grid = Ext.create('Ext.grid.Panel', {
            renderTo: Ext.getBody(),
            collapsible: true,
            iconCls: 'icon-grid',
            frame: true,
            store: restaurants,
            width: 600,
            height: 400,
            title: 'Restaurants',
            resizable: true,
            features: [groupingFeature],
            tbar: ['->', {
                text: 'Toggle groups...',
                menu: toggleMenu
            }],
        
            // Keep checkbox menu items in sync with expand/collapse
            viewConfig: {
                listeners: {
                    groupcollapse: function(v, n, groupName) {
                        if (!grid.down('[text=Toggle groups...]').disabled) {
                            grid.down('menucheckitem[text=' + groupName + ']').setChecked(false, true);
                        }
                    },
                    groupexpand: function(v, n, groupName) {
                        if (!grid.down('[text=Toggle groups...]').disabled) {
                            grid.down('menucheckitem[text=' + groupName + ']').setChecked(true, true);
                        }
                    }
                }
            },
            columns: [{
                text: 'Name',
                flex: 1,
                dataIndex: 'name'
            },{
                text: 'Cuisine',
                flex: 1,
                dataIndex: 'cuisine',
                // BUG DEMO: added next line
                renderer: function() { return 'Kuizine'; }
            }],
            fbar  : ['->', {
                text:'Clear Grouping',
                iconCls: 'icon-clear-group',
                handler : function() {
                    groupingFeature.disable();
                }
            }]
        });
    });
    Attached Images

  4. #4
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,904
    Vote Rating
    178
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    I'm with you now.

    Thanks for the report! I have opened a bug in our bug tracker.

  5. #5
    Ext Premium Member
    Join Date
    Mar 2007
    Location
    Norway
    Posts
    196
    Vote Rating
    3
    bone is on a distinguished road

      0  

    Default


    bump?
    Founder of the Path of Exticism

Thread Participants: 2

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi