1. #1
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    11
    Vote Rating
    1
    tewabit is on a distinguished road

      0  

    Default multi level toolbar

    multi level toolbar


    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!

  2. #2
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


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

  3. #3
    Ext JS Premium Member
    Join Date
    Jun 2010
    Posts
    11
    Vote Rating
    1
    tewabit is on a distinguished road

      0  

    Default yep - that worked

    yep - that worked


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

    Code:
    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'
    		}]
    } );

Similar Threads

  1. [Solved] Multi-level / 2nd level JSON access
    By jasondeegan in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 13 Sep 2009, 8:41 AM
  2. Multi-Level Grouping Grid
    By jurban in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 14 Jul 2009, 9:07 AM
  3. Multi-Level Toolbars?
    By RyanZec in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 14 Jul 2008, 5:27 AM
  4. Multi Level Column Tree
    By Lloyd K in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 30 Jan 2008, 3:29 PM
  5. Multi-Level JSONView
    By JeffBurr in forum Ext 1.x: Help & Discussion
    Replies: 5
    Last Post: 18 May 2007, 8:17 AM

Thread Participants: 1