PDA

View Full Version : [CLOSED] EXT4.2.1 group grid - not collapse after filter and 'itemclick' broken after filter



lhines@novatusinc.com
22 Apr 2013, 10:10 AM
REQUIRED INFORMATIONExt version tested:

Ext 4.2.1 rev 744
Browser versions tested against:

Chrome 26
DOCTYPE tested against:

____
Description:

After filtering grouped grid, no longer can collapse grid and itemclick no longer works
Steps to reproduce the problem:

Using code in this bug ticket, try to collapse grid
Try to click on a row
The result that was expected:

Grid collapses
Message alert that row was clicked on
The result that occurs instead:

Nothing
Nothing
Test Case:
Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux', '../ux/');


Ext.require([
'Ext.data.*',
'Ext.grid.*'
]);
Ext.onReady(function() {


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


// 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',
data : data,
sortOnFilter: true,
sorters: [{property : 'cuisine',direction: 'ASC'}]
});


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


var grid = Ext.create('Ext.grid.Panel', {
renderTo: Ext.getBody(),
collapsible: true,
store: restaurants,
title: 'Restaurants',
hideHeaders: true,
forceFit : true,
features: [groupingFeature],
columns: [{
text: 'Name',
flex: 1,
dataIndex: 'name'
},{
text: 'Cuisine',
flex: 1,
dataIndex: 'cuisine'
}]
});
restaurants.filterBy(function(rec) {
return (rec.get('name').indexOf( "Mango", 0 ) != -1);
});

grid.on('itemclick', function(view, rec, item, index, evt, opt) {
Ext.Msg.alert('Not Working', 'If you remove grouping it works');
},this);
});


HELPFUL INFORMATIONRemoving grouping makes this workScreenshot or Video:

attached
See this URL for live test case: http://Debugging already done:

none
Possible fix:

not provided
Additional CSS used:

only default ext-all.css
custom css (include details)
Operating System:

Windows 7

*EDIT BY SLEMMON
Also tested with Nightly .762
Works ok in 4.2.0.663

slemmon
22 Apr 2013, 10:49 AM
Thanks for the report! I have opened a bug in our bug tracker.

jamil.isayyed
27 May 2013, 10:16 PM
Hello Folks,

i am facing exactly the same problem in version 4.2.1, so is there any bug fix i can use it??

Thanks in advance,

lhines@novatusinc.com
28 May 2013, 3:51 AM
We downloaded ext-4.2.1.883 and it seems to be working now. Thanks!

lhines@novatusinc.com
4 Jun 2013, 5:30 AM
When I filter the grouped fields, clicking on an item in the list works correctly (which was not the case before).
However, if I collapse a group at the top of the screen, the item click is still not selecting the correct item.

lhines@novatusinc.com
4 Jun 2013, 9:07 AM
And on a side note, this issue seems to be similar if not the same as EXTJSIV-10027