how to set header title as non scrollable for a detail page in sencha touch?

Question

i have a view where i have list, now i required a header sub-title for view, which should not get scroll.

If i place a panel inside view it's start scrolling...i need a stickey one. Need help.

 config: {
        AccountName: '',
        AccountNumber: '',
        style: 'background-image: -webkit-linear-gradient(bottom, rgb(223,223,223) 60%, rgb(199,199,199) 80%);',
        layout: 'vbox',
        height: '100%',
        scrollable: true,

 items: [ .....

        ]

Answer 1

You should be able to just set the doc property of an item.

For example a docked toolbar component.

items:[
    {
      xtype: 'toolbar',
      docked: 'top'
    }
 ]

The docked property will not be part of the parents (your list) scrollable component.