[HELPED] tbar Options

[rkanemeier]

I seem to always have trouble reading through the Sencha ExtJS documentation for questions I have regarding methods and property values. For example, I google "tbar examples" and I keep pulling up "tool bar". However, I have the understanding (which may be wrong) that tbar meant "top bar" (bbar is bottom bar).

What I am looking for is a way to increase the height of the tbar so I can fit multiple rows of drop down boxes and search filters. I'd actually like to increase the size of the tbar to be a bit larger than the search/filter boxes so that it looks a little more presentable (envision a reporting tool that allows you to see a grid of data below the filtering section).

So,

question 1: what are ALL of the options available to me to format/display the tbar (not a tool bar, but the top bar of a grid)

question 2: is there "laymen's" documentation for ExtJS

[eweiler]

Assuming your confusion is coming from ExtJS4, there is a new style of toolbar layout where you use the dockedItems config. (http://docs.sencha.com/ext-js/4-0/#!...fg-dockedItems)

Something like this could work:

  var panel = new Ext.panel.Panel({
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'top',
        height: 100,
        items: [{
            text: 'Docked to the top'
        }]
    }]
   ...
});

You can reference the toolbar docks here:
http://docs.sencha.com/ext-js/4-0/#!...bar-cfg-height

You can dock more than one item on the top or bottom or right or left if you want to stack toolbars.

I'm not exactly sure how a layman's Ext API would read, but they have extensive guides within the API:
http://docs.sencha.com/ext-js/4-0/#!/guide/class_system

[rkanemeier]

thanks for your response. that link you posted is indeed the one i kept coming up with on google. i think extjs 3.3 (?) was the version i was more exposed to (i'm no ExtJS expert by any means). So it seems Sencha's solution to providing a more robust tbar was using tool bars. Here are the examples I found:

http://docs.sencha.com/ext-js/4-0/ex...ar/toolbars.js

I'll just run with this method. Thanks again!