Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-8702 in 4.2.0.663.
  1. #1
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,735
    Vote Rating
    104
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default [4.2 RC] Grouping view quirks

    [4.2 RC] Grouping view quirks


    If using a custom row height or cell height, the new grouping implementation shows some quirks. Open up a grouped grid:

    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'
            },{
                name: 'Shokolaat',
                cuisine: 'American'
            },{
                name: 'Gordon Biersch',
                cuisine: 'American'
            },{
                name: 'Crepevine',
                cuisine: 'American'
            },{
                name: 'Creamery',
                cuisine: 'American'
            },{
                name: 'Old Pro',
                cuisine: 'American'
            },{
                name: 'Nola\'s',
                cuisine: 'Cajun'
            },{
                name: 'House of Bagels',
                cuisine: 'Bagels'
            },{
                name: 'The Prolific Oven',
                cuisine: 'Sandwiches'
            },{
                name: 'La Strada',
                cuisine: 'Italian'
            },{
                name: 'Buca di Beppo',
                cuisine: 'Italian'
            },{
                name: 'Pasta?',
                cuisine: 'Italian'
            },{
                name: 'Madame Tam',
                cuisine: 'Asian'
            },{
                name: 'Sprout Cafe',
                cuisine: 'Salad'
            },{
                name: 'Pluto\'s',
                cuisine: 'Salad'
            },{
                name: 'Junoon',
                cuisine: 'Indian'
            },{
                name: 'Bistro Maxine',
                cuisine: 'French'
            },{
                name: 'Three Seasons',
                cuisine: 'Vietnamese'
            },{
                name: 'Sancho\'s Taquira',
                cuisine: 'Mexican'
            },{
                name: 'Reposado',
                cuisine: 'Mexican'
            },{
                name: 'Siam Royal',
                cuisine: 'Thai'
            },{
                name: 'Krung Siam',
                cuisine: 'Thai'
            },{
                name: 'Thaiphoon',
                cuisine: 'Thai'
            },{
                name: 'Tamarine',
                cuisine: 'Vietnamese'
            },{
                name: 'Joya',
                cuisine: 'Tapas'
            },{
                name: 'Jing Jing',
                cuisine: 'Chinese'
            },{
                name: 'Patxi\'s Pizza',
                cuisine: 'Pizza'
            },{
                name: 'Evvia Estiatorio',
                cuisine: 'Mediterranean'
            },{
                name: 'Cafe 220',
                cuisine: 'Mediterranean'
            },{
                name: 'Cafe Renaissance',
                cuisine: 'Mediterranean'
            },{
                name: 'Kan Zeman',
                cuisine: 'Mediterranean'
            },{
                name: 'Gyros-Gyros',
                cuisine: 'Mediterranean'
            },{
                name: 'Mango Caribbean Cafe',
                cuisine: 'Caribbean'
            },{
                name: 'Coconuts Caribbean Restaurant & Bar',
                cuisine: 'Caribbean'
            },{
                name: 'Rose & Crown',
                cuisine: 'English'
            },{
                name: 'Baklava',
                cuisine: 'Mediterranean'
            },{
                name: 'Mandarin Gourmet',
                cuisine: 'Chinese'
            },{
                name: 'Bangkok Cuisine',
                cuisine: 'Thai'
            },{
                name: 'Darbar Indian Cuisine',
                cuisine: 'Indian'
            },{
                name: 'Mantra',
                cuisine: 'Indian'
            },{
                name: 'Janta',
                cuisine: 'Indian'
            },{
                name: 'Hyderabad House',
                cuisine: 'Indian'
            },{
                name: 'Starbucks',
                cuisine: 'Coffee'
            },{
                name: 'Peet\'s Coffee',
                cuisine: 'Coffee'
            },{
                name: 'Coupa Cafe',
                cuisine: 'Coffee'
            },{
                name: 'Lytton Coffee Company',
                cuisine: 'Coffee'
            },{
                name: 'Il Fornaio',
                cuisine: 'Italian'
            },{
                name: 'Lavanda',
                cuisine: 'Mediterranean'
            },{
                name: 'MacArthur Park',
                cuisine: 'American'
            },{
                name: 'St Michael\'s Alley',
                cuisine: 'Californian'
            },{
                name: 'Osteria',
                cuisine: 'Italian'
            },{
                name: 'Vero',
                cuisine: 'Italian'
            },{
                name: 'Cafe Renzo',
                cuisine: 'Italian'
            },{
                name: 'Miyake',
                cuisine: 'Sushi'
            },{
                name: 'Sushi Tomo',
                cuisine: 'Sushi'
            },{
                name: 'Kanpai',
                cuisine: 'Sushi'
            },{
                name: 'Pizza My Heart',
                cuisine: 'Pizza'
            },{
                name: 'New York Pizza',
                cuisine: 'Pizza'
            },{
                name: 'California Pizza Kitchen',
                cuisine: 'Pizza'
            },{
                name: 'Round Table',
                cuisine: 'Pizza'
            },{
                name: 'Loving Hut',
                cuisine: 'Vegan'
            },{
                name: 'Garden Fresh',
                cuisine: 'Vegan'
            },{
                name: 'Cafe Epi',
                cuisine: 'French'
            },{
                name: 'Tai Pan',
                cuisine: 'Chinese'
            }],
            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
            }],
            columns: [{
                text: 'Name',
    width: 300,
                locked : true,
                dataIndex: 'name'
            },{
                text: 'Cuisine',
                width : 400,
                dataIndex: 'cuisine'
            }]
        });
    });
    Now add:

    Code:
            .x-grid-cell { height: 50px; }
    Which shows first row after a group header that has vertically centered text.
    or

    Code:
            .x-grid-row { height: 50px; }
    First row after group header doesn't have the right height it seems.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


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

  3. #3
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,501
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    There's a rule

    Code:
    .x-grid-row {
        vertical-align: top
    }
    Just needs to be

    Code:
    .x-grid-row, .x-grid-data-row {
        vertical-align: top
    }

    I'll fix it

  4. #4
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,735
    Vote Rating
    104
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    Though setting a cell height rule should also be fine, so there's one more bug hiding I think?

Thread Participants: 2

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