You guys are aware that this produces some odd side effects, right?
Such as, it is hard to get a disclosure icon to align correctly in the first list item when the scrollDocked items are added to it, the scrollDocked items get (visually) selected along with the first list item, the scrollDocked items do not show up if the list is empty, and there is no ability to have multiple lists stacked vertically in a view without setting a fixed height.
I'm sure that one can find work-arounds for most of this but it starts to feel like you are fighting against Sencha Touch rather than being enabled by it.
EDIT: One other oddity to add, the list group header for the first list item shows up above scrollDocked items.
I'm having the same issue and I don't think this should be the normal behavior as mitchellsimoens mentions.
I'm using Sencha Touch 2.2 RC.
In Sencha Touch 2.0.1 this scenario was handled correctly, since any item added to a list (via the items config property), was inserted outside the list items.
The scenario that I have is the following:
The Main View needs to display a list of articles, which are grouped by Section, but inside this same view I need to display a Carousel at the top, which also contains articles but from a "featured" Section.
The way the scrollDocked items are being inserted in Sencha Touch 2.2 RC doesn't allow me to do this.
I'm sorry, but this is NOT expected behavior. If I want something docked to the top of my grouped list, I do NOT want it to be grouped in with the first group in my list. It should be placed above the first group header, not below it.