AbstractContainer layout with no nested outer/innerCt?

Hello,

I've been looking for a decent way to make use of some sort of a custom component which I would next other Ext components in without getting extraneous div's inserted into my DOM.

Basic idea could be something like:

Code:

Ext.create('ul', {
    /*
     ...other component stuff like listeners, etc.
    */
    items: [
        {
            xtype: 'li',
            items: [
                {SOME EXT COMPONENT}
            ]
        },
        {
            xtype: 'li',
            items: [
                {ANOTHER EXT COMPONENT}
            ]
        }
    ]
});

Which would render:

Code:

<ul>
    <li>{{SOME EXT COMPONENT}}</li>
    <li>{{ANOTHER EXT COMPONENT}}</li>
</ul>

Any help, including telling me I'm barking up the wrong tree, would be greatly appreciated.

Thank you.

AbstractContainer layout with no nested outer/innerCt?