Useful trick: multiple toolbars in contentPanel!

[violinista]

I made a little trick, in need to put multiple toolbars in one content panel, maybe it'll be useful for someone(for me is much useful):

    var tb = new Ext.Toolbar(panel.el);
    tb.add("First row:",{
        text:"Button 1"
    },'-',{
        text:"Button 2"
    });

    var tb2container=Ext.DomHelper.append(tb.el,{tag:'div',id:Ext.id()},true);

    var tb2 = new Ext.Toolbar(tb2container);
    tb2.add("Second row:",{
        text:"Button 3"
    },'-',{
        text:"button 4"
    }); 

You can attach any number of toolbars, following this pattern.

A screenshot is also attached.

If someone has other (better) way to to this, please post here and let me know.

Note: Ext.DomHelper.append(...) appends a <div /> tag. I suppose this is not a problem, since this div isn't closed-I use it only as separator.

[skyey]

i need,tks

[lastid]

Thanks, I need this too.

[violinista]

You're welcome

[andrei.neculau]

Request: Why not add '--' or '\n' or 'hr' as a text shortcut for creating a horizontal divider like '-' for Separator?

[manugoel2003]

nice little trick.... does it work with gridPanels and treePanels as well??..... what abt nested layouts???

[ntulip]

nice little trick.... does it work with gridPanels and treePanels as well??..... what abt nested layouts???

It does not.