multi level toolbar

[tewabit]

Newbie question here.

How do you create a toolbar that is more than one level? Is there such thing as a "newline" item that you can stick in your toolbar items so everything after shows up below the top level of items?

Thanks!

[jay@moduscreate.com]

You should be able to just dock a container, that implements a vbox layout, allowing you to add as many toolbars as you want.

[tewabit]

Thanks!
Using dockedItems - I can just put as many toolbars as I want stacked on top of each other:

new Ext.grid.GridPanel( {
	store: resultStore,
	height: 500,
	selModel: sm,
	dockedItems: [
	{
		xtype: 'toolbar',
		dock: 'top',
		items: [
			{ xtype: 'button', text: 'button1' },
			{ xtype: 'button', text: 'button2' },
			{ xtype: 'button', text: 'Yesterday' },
			{ xtype: 'button', text: 'Today' }
		]
	}, {
		xtype: 'toolbar',
		dock: 'top',
		items: [
			{ xtype: 'button', text: 'Delete' },
			{ xtype: 'button', text: 'Create', menu: createMenu },
			{ xtype: 'button', text: 'Search' }
		],
		headers: [
		{
			text: 'Status',
			dataIndex: 'Status'
		},{
			text: 'Name',
			dataIndex: 'Name'
		},{
			text: 'Value',
			dataIndex: 'Value'
		}]
} );