/* This file is part of Ext JS 3.4 Copyright (c) 2011-2013 Sencha Inc Contact: http://www.sencha.com/contact GNU General Public License Usage This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file. Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html. If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact. Build date: 2013-04-03 15:07:25 */ Ext.data.JsonP.Ext_layout_ToolbarLayout({"alternateClassNames":[],"aliases":{},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":"Ext.layout.ContainerLayout","uses":[],"html":"

Hierarchy

Ext.layout.ContainerLayout
Ext.layout.ToolbarLayout

Files

Layout manager used by Ext.Toolbar. This is highly specialised for use by Toolbars and would not\nusually be used by any other class.

\n
Defined By

Config options

An optional extra CSS class that will be added to the container. ...

An optional extra CSS class that will be added to the container. This can be useful for adding\ncustomized styles to the container or any of its children using standard CSS rules. See\nExt.Component.ctCls also.

\n\n\n

Note: extraCls defaults to '' except for the following classes\nwhich assign a value by default:\n

\nTo configure the above Classes with an extra CSS class append to the default. For example,\nfor ColumnLayout:\n
extraCls: 'x-column custom-class'\n
\n

\n\n

True to hide each contained item on render (defaults to false).

\n

True to hide each contained item on render (defaults to false).

\n
Defined By

Properties

private

\n

private

\n
The Ext.Template used by Field rendering layout classes (such as\nExt.layout.FormLayout) to create the DOM structure o...

The Ext.Template used by Field rendering layout classes (such as\nExt.layout.FormLayout) to create the DOM structure of a fully wrapped,\nlabeled and styled form Field. A default Template is supplied, but this may be\noverriden to create custom field structures. The template processes values returned from\nExt.layout.FormLayout.getTemplateArgs.

\n

Placeholder for the derived layouts

\n

Placeholder for the derived layouts

\n
Ext.layout.ToolbarLayout
view source
: Array
Holds all items that are currently hidden due to there not being enough space to render them\nThese items will appear ...

Holds all items that are currently hidden due to there not being enough space to render them\nThese items will appear on the expand menu.

\n
Ext.layout.ToolbarLayout
view source
: Booleanprivate
Used internally to record whether the last layout caused an overflow or not ...

Used internally to record whether the last layout caused an overflow or not

\n

Defaults to: false

Ext.layout.ToolbarLayout
view source
: Booleanprivate
...
\n

Defaults to: true

Overrides: Ext.layout.ContainerLayout.monitorResize

Ext.layout.ToolbarLayout
view source
more : Ext.Buttonprivate

The expand button which triggers the overflow menu to be shown

\n

The expand button which triggers the overflow menu to be shown

\n
Ext.layout.ToolbarLayout
view source
: Ext.menu.Menuprivate
The expand menu - holds items for every Toolbar item that cannot be shown\nbecause the Toolbar is currently not wide e...

The expand menu - holds items for every Toolbar item that cannot be shown\nbecause the Toolbar is currently not wide enough.

\n
Ext.layout.ToolbarLayout
view source
: String
HTML fragment to render into the toolbar overflow menu if there are no items to display ...

HTML fragment to render into the toolbar overflow menu if there are no items to display

\n

Defaults to: '<div class="x-toolbar-no-items">(None)</div>'

Ext.layout.ToolbarLayout
view source
: Stringprivate
String used to build the HTML injected to support the Toolbar's layout. ...

String used to build the HTML injected to support the Toolbar's layout. The align property is\ninjected into this string inside the td.x-toolbar-left element during onLayout.

\n
Ext.layout.ToolbarLayout
view source
: Number
The width allocated for the menu trigger at the extreme right end of the Toolbar ...

The width allocated for the menu trigger at the extreme right end of the Toolbar

\n

Defaults to: 18

Ext.layout.ToolbarLayout
view source
: Stringprivate
...
\n

Defaults to: 'toolbar'

Overrides: Ext.layout.ContainerLayout.type

Defined By

Methods

Workaround for how IE measures autoWidth elements. ...

Workaround for how IE measures autoWidth elements. It prefers bottom-up measurements

\n\n
 whereas other browser prefer top-down.  We will hide all target child elements before we measure and\n put them back to get an accurate measurement.\n
\n

Parameters

  • target : Object
    \n
  • viewFlag : Object
    \n
Ext.layout.ToolbarLayout
view source
( menu, component )private
Adds the given Toolbar item to the given menu. ...

Adds the given Toolbar item to the given menu. Buttons inside a buttongroup are added individually.

\n

Parameters

...
\n

Parameters

  • c : Object
    \n
Ext.layout.ToolbarLayout
view source
( m )private
Called before the expand menu is shown, this rebuilds the menu since it was last shown because\nit is possible that th...

Called before the expand menu is shown, this rebuilds the menu since it was last shown because\nit is possible that the items hidden due to space limitations on the Toolbar have changed since.

\n

Parameters

Ext.layout.ToolbarLayout
view source
( el )private
Removes any empty nodes from the given element ...

Removes any empty nodes from the given element

\n

Parameters

Ext.layout.ToolbarLayout
view source
( )private
Deletes the sub-menu of each item in the expander menu. ...

Deletes the sub-menu of each item in the expander menu. Submenus are created for items such as\nsplitbuttons and buttongroups, where the Toolbar item cannot be represented by a single menu item

\n
Applies extraCls and hides the item if renderHidden is true ...

Applies extraCls and hides the item if renderHidden is true

\n

Parameters

  • c : Object
    \n
Ext.layout.ToolbarLayout
view source
( component, hideOnClick )private
Returns a menu config for a given component. ...

Returns a menu config for a given component. This config is used to create a menu item\nto be added to the expander menu

\n

Parameters

  • component : Ext.Component

    The component to create the config for

    \n
  • hideOnClick : Boolean

    Passed through to the menu item

    \n
Ext.layout.ToolbarLayout
view source
( )private
Ext.layout.ToolbarLayout
view source
( target )private
Called at the end of onLayout. ...

Called at the end of onLayout. At this point the Toolbar has already been resized, so we need\nto fit the items into the available width. We add up the width required by all of the items in\nthe toolbar - if we don't have enough space we hide the extra items and render the expand menu\ntrigger.

\n

Parameters

  • target : Ext.Element

    The Element the Toolbar is currently laid out within

    \n
Ext.layout.ToolbarLayout
view source
( c ) : Numberprivate
Returns the width of the given toolbar item. ...

Returns the width of the given toolbar item. If the item is currently hidden because there\nis not enough room to render it, its previous width is returned

\n

Parameters

Returns

private. ...

private.\nGet all rendered items to lay out.

\n

Parameters

  • ct : Object
    \n
Ext.layout.ToolbarLayout
view source
( item )private
Hides an item because it will not fit in the available width. ...

Hides an item because it will not fit in the available width. The item will be unhidden again\nif the Toolbar is resized to be large enough to show it

\n

Parameters

Ext.layout.ToolbarLayout
view source
( )private
Creates the expand trigger and menu, adding them to the at the extreme right of the\nToolbar table ...

Creates the expand trigger and menu, adding them to the at the extreme right of the\nToolbar table

\n
Ext.layout.ToolbarLayout
view source
( c, target, position )private
Inserts the given Toolbar item into the given element ...

Inserts the given Toolbar item into the given element

\n

Parameters

  • c : Ext.Component

    The component to add

    \n
  • target : Ext.Element

    The target to add the component to

    \n
  • position : Number

    The position to add the component at

    \n
private ...

private

\n

Parameters

  • c : Object
    \n
  • target : Object
    \n
private ...

private

\n
Ext.layout.ToolbarLayout
view source
( ct, target )private
Create the wrapping Toolbar HTML and render/move all the items into the correct places ...

Create the wrapping Toolbar HTML and render/move all the items into the correct places

\n

Parameters

  • ct : Object
    \n
  • target : Object
    \n

Overrides: Ext.layout.ContainerLayout.onLayout

...
\n

Parameters

  • c : Object
    \n
Parses a number or string representing margin sizes into an object. ...

Parses a number or string representing margin sizes into an object. Supports CSS-style margin declarations\n(e.g. 10, \"10\", \"10 10\", \"10 10 10\" and \"10 10 10 10\" are all valid options and would return the same result)

\n

Parameters

Returns

  • Object

    An object with margin sizes for top, right, bottom and left

    \n
private ...

private

\n

Parameters

  • ct : Object
    \n
  • target : Object
    \n
Renders the given Component into the target Element. ...

Renders the given Component into the target Element. If the Component is already rendered,\nit is moved to the provided target instead.

\n

Parameters

  • c : Ext.Component

    The Component to render

    \n\n
  • position : Number

    The position within the target to render the item to

    \n\n
  • target : Ext.Element

    The target Element

    \n\n
private ...

private

\n

Parameters

  • ct : Object
    \n
Ext.layout.ToolbarLayout
view source
( item )private
Unhides an item that was previously hidden due to there not being enough space left on the Toolbar ...

Unhides an item that was previously hidden due to there not being enough space left on the Toolbar

\n

Parameters

","superclasses":["Ext.layout.ContainerLayout"],"meta":{},"requires":[],"html_meta":{},"statics":{"property":[],"cfg":[],"css_var":[],"method":[],"event":[],"css_mixin":[]},"files":[{"href":"ToolbarLayout.html#Ext-layout-ToolbarLayout","filename":"ToolbarLayout.js"}],"linenr":1,"members":{"property":[{"tagname":"property","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"activeItem","id":"property-activeItem"},{"tagname":"property","owner":"Ext.layout.ContainerLayout","meta":{},"name":"fieldTpl","id":"property-fieldTpl"},{"tagname":"property","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"getLayoutTargetSize","id":"property-getLayoutTargetSize"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{},"name":"hiddenItems","id":"property-hiddenItems"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"lastOverflow","id":"property-lastOverflow"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"monitorResize","id":"property-monitorResize"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"more","id":"property-more"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"moreMenu","id":"property-moreMenu"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{},"name":"noItemsMenuText","id":"property-noItemsMenuText"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"tableHTML","id":"property-tableHTML"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{},"name":"triggerWidth","id":"property-triggerWidth"},{"tagname":"property","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"type","id":"property-type"}],"cfg":[{"tagname":"cfg","owner":"Ext.layout.ContainerLayout","meta":{},"name":"extraCls","id":"cfg-extraCls"},{"tagname":"cfg","owner":"Ext.layout.ContainerLayout","meta":{},"name":"renderHidden","id":"cfg-renderHidden"}],"css_var":[],"method":[{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{},"name":"constructor","id":"method-constructor"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"IEMeasureHack","id":"method-IEMeasureHack"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"addComponentToMenu","id":"method-addComponentToMenu"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"afterRemove","id":"method-afterRemove"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"beforeMoreShow","id":"method-beforeMoreShow"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"cleanup","id":"method-cleanup"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"clearMenu","id":"method-clearMenu"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"configureItem","id":"method-configureItem"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"createMenuConfig","id":"method-createMenuConfig"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"destroy","id":"method-destroy"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"fitToSize","id":"method-fitToSize"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"getItemWidth","id":"method-getItemWidth"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"getRenderedItems","id":"method-getRenderedItems"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"hideItem","id":"method-hideItem"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"initMore","id":"method-initMore"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"insertCell","id":"method-insertCell"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"isValidParent","id":"method-isValidParent"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"layout","id":"method-layout"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"onLayout","id":"method-onLayout"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"onRemove","id":"method-onRemove"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"onResize","id":"method-onResize"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{},"name":"parseMargins","id":"method-parseMargins"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"renderAll","id":"method-renderAll"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"renderItem","id":"method-renderItem"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"runLayout","id":"method-runLayout"},{"tagname":"method","owner":"Ext.layout.ContainerLayout","meta":{"private":true},"name":"setContainer","id":"method-setContainer"},{"tagname":"method","owner":"Ext.layout.ToolbarLayout","meta":{"private":true},"name":"unhideItem","id":"method-unhideItem"}],"event":[],"css_mixin":[]},"inheritable":null,"private":null,"component":false,"name":"Ext.layout.ToolbarLayout","singleton":false,"override":null,"inheritdoc":null,"id":"class-Ext.layout.ToolbarLayout","mixins":[],"mixedInto":[]});