REQUIRED INFORMATION


Ext version tested:
  • Sencha Touch 2.1
Browser versions tested against:
  • Chrome 24 (Windows)
Description:
  • In my app, I need a horizontal scrollable dataview. So I put a dataview inside a container with config of horizontal scrollable and hbox layout. The problem is the dataview's bottom docked toolbar is not visible.
  • It works in 2.0.1 but not in 2.1
Steps to reproduce the problem:
  • Create a container with hbox layout
  • Create a dataview with a bottom docked toolbar
The result that was expected:
  • The bottom-docked toolbar is visible
The result that occurs instead:
  • The bottom-docked toolbar is missing
Test Case:

Code:
Ext.Loader.setConfig({
    enabled : true
});


Ext.application({
    name : ('SF' || 'SenchaFiddle'),
    
    launch : function() {
        Ext.create('Ext.navigation.View', {
            fullscreen: true,
            items: [
            {
                xtype: 'container',
                layout: {
                    type: 'hbox'
                },
                scrollable: 'horizontal',
                items: [
                    {
                        xtype: 'dataview',
                        width: 1200,
                        //flex: 1,
                        store: {
                                fields: ['name', 'age'],
                                data: [
                                    {name: 'Jamie',  age: 100},
                                    {name: 'Rob',   age: 21},
                                    {name: 'Tommy', age: 24},
                                    {name: 'Jacky', age: 24},
                                    {name: 'Ed',   age: 26}
                                ]
                            },                        
                        	itemTpl: '<div>{name} is {age} years old</div>',
                        items: [
                            {
                                xtype: 'toolbar',
                                docked: 'top',
                                html: 'top bar is here top bar is here'
                            },
                            {
                                xtype: 'toolbar',
                                docked: 'bottom',
                                html: 'bottom bar is here'
                            }
                        ]                     
                    }
                ]
            }
        ]
        });
    }
});


HELPFUL INFORMATION


See this URL for live test case: http://new.senchafiddle.com/#/ijE2y/


Debugging already done:
  • none
Possible fix:
  • not provided
Additional CSS used:
  • only default
Operating System:
  • Windows 7