X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/output/Ext.Toolbar.html diff --git a/docs/output/Ext.Toolbar.html b/docs/output/Ext.Toolbar.html index 3cbeef06..ef1eff03 100644 --- a/docs/output/Ext.Toolbar.html +++ b/docs/output/Ext.Toolbar.html @@ -1,95 +1,95 @@ -
Properties Methods Events Config Options Direct Link 
Observable
  Component
    BoxComponent
      Container
        Toolbar

Class Ext.Toolbar

Package:Ext
Defined In:Toolbar.js
Class:Toolbar
Subclasses:PagingToolbar
Extends:Container
xtype:toolbar

Basic Toolbar class. Although the defaultType for Toolbar -is button, Toolbar elements (child items for the Toolbar container) may -be virtually any type of Component. Toolbar elements can be created explicitly via their constructors, -or implicitly via their xtypes, and can be added dynamically.

-

Some items have shortcut strings for creation:

-
-Shortcut  xtype          Class                  Description
-'->'      'tbfill'       Ext.Toolbar.Fill       begin using the right-justified button container
-'-'       'tbseparator'  Ext.Toolbar.Separator  add a vertical separator bar between toolbar items
-' '       'tbspacer'     Ext.Toolbar.Spacer     add horiztonal space between elements
-
-Example usage of various elements: -
var tb = new Ext.Toolbar({
-    renderTo: document.body,
-    width: 600,
-    height: 100,
-    items: [
-        {
-            // xtype: 'button', // default for Toolbars, same as 'tbbutton'

-            text: 'Button'
-        },
-        {
-            xtype: 'splitbutton', // same as 'tbsplitbutton'

-            text: 'Split Button'
-        },
-        // begin using the right-justified button container

-        '->', // same as {xtype: 'tbfill'}, // Ext.Toolbar.Fill

-        {
-            xtype: 'textfield',
-            name: 'field1',
-            emptyText: 'enter search term'
-        },
-        // add a vertical separator bar between toolbar items

-        '-', // same as {xtype: 'tbseparator'} to create Ext.Toolbar.Separator

-        'text 1', // same as {xtype: 'tbtext', text: 'text1'} to create Ext.Toolbar.TextItem

-        {xtype: 'tbspacer'},// same as ' ' to create Ext.Toolbar.Spacer

-        'text 2',
-        {xtype: 'tbspacer', width: 50}, // add a 50px space

-        'text 3'
-    ]
-});
-Example adding a ComboBox within a menu of a button: -
// ComboBox creation

-var combo = new Ext.form.ComboBox({
-    store: new Ext.data.ArrayStore({
-        autoDestroy: true,
-        fields: ['initials', 'fullname'],
-        data : [
-            ['FF', 'Fred Flintstone'],
-            ['BR', 'Barney Rubble']
-        ]
-    }),
-    displayField: 'fullname',
-    typeAhead: true,
-    mode: 'local',
-    forceSelection: true,
-    triggerAction: 'all',
-    emptyText: 'Select a name...',
-    selectOnFocus: true,
-    width: 135,
-    getListParent: function() {
-        return this.el.up('.x-menu');
-    },
-    iconCls: 'no-icon' //use iconCls if placing within menu to shift to right side of menu

-});
-
-// put ComboBox in a Menu

-var menu = new Ext.menu.Menu({
-    id: 'mainMenu',
-    items: [
-        combo // A Field in a Menu

-    ]
-});
-
-// add a Button with the menu

-tb.add({
-        text:'Button w/ Menu',
-        menu: menu  // assign menu by instance

-    });
+
Properties
Methods
Events
Config Options
Direct Link
Observable
  Component
    BoxComponent
      Container
        Toolbar
Class Ext.Toolbar
Package:Ext
Defined In:Toolbar.js
Class:Toolbar
Subclasses:PagingToolbar
Extends:Container
Basic Toolbar class. Although the defaultType for Toolbar
+is button, Toolbar elements (child items for the Toolbar container) may
+be virtually any type of Component. Toolbar elements can be created explicitly via their constructors,
+or implicitly via their xtypes, and can be added dynamically.

+
Some items have shortcut strings for creation:

+
+Shortcut  xtype          Class                  Description
+'->'      'tbfill'       Ext.Toolbar.Fill       begin using the right-justified button container
+'-'       'tbseparator'  Ext.Toolbar.Separator  add a vertical separator bar between toolbar items
+' '       'tbspacer'     Ext.Toolbar.Spacer     add horiztonal space between elements
+

+Example usage of various elements:
+
var tb = new Ext.Toolbar({
+    renderTo: document.body,
+    width: 600,
+    height: 100,
+    items: [
+        {
+            // xtype: 'button', // default for Toolbars, same as 'tbbutton'
+            text: 'Button'
+        },
+        {
+            xtype: 'splitbutton', // same as 'tbsplitbutton'
+            text: 'Split Button'
+        },
+        // begin using the right-justified button container
+        '->', // same as {xtype: 'tbfill'}, // Ext.Toolbar.Fill
+        {
+            xtype: 'textfield',
+            name: 'field1',
+            emptyText: 'enter search term'
+        },
+        // add a vertical separator bar between toolbar items
+        '-', // same as {xtype: 'tbseparator'} to create Ext.Toolbar.Separator
+        'text 1', // same as {xtype: 'tbtext', text: 'text1'} to create Ext.Toolbar.TextItem
+        {xtype: 'tbspacer'},// same as ' ' to create Ext.Toolbar.Spacer
+        'text 2',
+        {xtype: 'tbspacer', width: 50}, // add a 50px space
+        'text 3'
+    ]
+});

+Example adding a ComboBox within a menu of a button:
+
// ComboBox creation
+var combo = new Ext.form.ComboBox({
+    store: new Ext.data.ArrayStore({
+        autoDestroy: true,
+        fields: ['initials', 'fullname'],
+        data : [
+            ['FF', 'Fred Flintstone'],
+            ['BR', 'Barney Rubble']
+        ]
+    }),
+    displayField: 'fullname',
+    typeAhead: true,
+    mode: 'local',
+    forceSelection: true,
+    triggerAction: 'all',
+    emptyText: 'Select a name...',
+    selectOnFocus: true,
+    width: 135,
+    getListParent: function() {
+        return this.el.up('.x-menu');
+    },
+    iconCls: 'no-icon' //use iconCls if placing within menu to shift to right side of menu
+});
+
+// put ComboBox in a Menu
+var menu = new Ext.menu.Menu({
+    id: 'mainMenu',
+    items: [
+        combo // A Field in a Menu
+    ]
+});
+
+// add a Button with the menu
+tb.add({
+        text:'Button w/ Menu',
+        menu: menu  // assign menu by instance
+    });
 tb.doLayout();
Config Options
Config OptionsDefined By
 allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
 allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
 data : Mixed
The initial set of data to apply to the tpl to
+update the content area of the Component.
Component
 disabled : Boolean
Render this component disabled (default is false).
Component
 disabledClass : String
CSS class added to the component when it is disabled (defaults to 'x-item-disabled').
Component
 disabled : Boolean
Render this component disabled (default is false).
Component
 disabledClass : String
CSS class added to the component when it is disabled (defaults to 'x-item-disabled').
Component
 layoutConfig : Object
This is a config object containing properties specific to the chosen
 layout if layout
 has been specified as a string.
Container
 resizeEvent : String
The event to listen to for resizing in layouts. Defaults to 'resize'.
Container
 x : Number
The local x (left) coordinate for this component if contained within a positioning container.
BoxComponent
 hidden : Boolean
True if this component is hidden. Read-only.
Component
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 items : MixedCollection
The collection of components in this container as a Ext.util.MixedCollection
Container
 rendered : Boolean
True if this component has been rendered. Read-only.
Component
Public Methods
MethodDefined By
 hidden : Boolean
True if this component is hidden. Read-only.
Component
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 items : MixedCollection
The collection of components in this container as a Ext.util.MixedCollection
Container
 rendered : Boolean
True if this component has been rendered. Read-only.
Component
Public Methods
MethodDefined By
Public Events
EventDefined By