Placing a carousel inside a navigationview won't work. Clicking the item displays "undefined".

Placing the same carousel outside the navigationview, for example in a TabPanel, works ok.


Sample code:



Code:



Ext.define('NetworkSolution.view.Main', {
extend: 'Ext.tab.Panel',
xtype: 'navigationview',
requires: ['Ext.carousel.Carousel'],
items: [{
title: 'Gallery'
xtype: 'carousel',
items: [
{
html:'a'
},
{
html:'b'
}
]
}]
});

Ext.application({
name: 'Fiddle',

launch: function() {
Ext.Viewport.add(Ext.create('NetworkSolution.view.Main'));
}

});