X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/docs/output/Ext.CycleButton.html diff --git a/docs/output/Ext.CycleButton.html b/docs/output/Ext.CycleButton.html index 1d65b3ba..9443f925 100644 --- a/docs/output/Ext.CycleButton.html +++ b/docs/output/Ext.CycleButton.html @@ -1,21 +1,21 @@ -
Observable
  Component
    BoxComponent
      Button
        SplitButton
          CycleButton

Class Ext.CycleButton

Package:Ext
Defined In:CycleButton.js
Class:CycleButton
Extends:SplitButton
A specialized SplitButton that contains a menu of Ext.menu.CheckItem elements. The button automatically -cycles through each menu item on click, raising the button's change event (or calling the button's -changeHandler function, if supplied) for the active menu item. Clicking on the arrow section of the -button displays the dropdown menu just like a normal SplitButton. Example usage: -
var btn = new Ext.CycleButton({
-    showText: true,
-    prependText: 'View as ',
-    items: [{
-        text:'text only',
-        iconCls:'view-text',
-        checked:true
-    },{
-        text:'HTML',
-        iconCls:'view-html'
-    }],
-    changeHandler:function(btn, item){
-        Ext.Msg.alert('Change View', item.text);
-    }
+
Observable
  Component
    BoxComponent
      Button
        SplitButton
          CycleButton

Class Ext.CycleButton

Package:Ext
Defined In:CycleButton.js
Class:CycleButton
Extends:SplitButton
A specialized SplitButton that contains a menu of Ext.menu.CheckItem elements. The button automatically +cycles through each menu item on click, raising the button's change event (or calling the button's +changeHandler function, if supplied) for the active menu item. Clicking on the arrow section of the +button displays the dropdown menu just like a normal SplitButton. Example usage: +
var btn = new Ext.CycleButton({
+    showText: true,
+    prependText: 'View as ',
+    items: [{
+        text:'text only',
+        iconCls:'view-text',
+        checked:true
+    },{
+        text:'HTML',
+        iconCls:'view-html'
+    }],
+    changeHandler:function(btn, item){
+        Ext.Msg.alert('Change View', item.text);
+    }
 });

Config Options

Config OptionsDefined By
 allowDepress : Boolean
False to not allow a pressed Button to be depressed (defaults to undefined). Only valid when enableToggle is true.
Button
 allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
 arrowHandler : Function
A function called when the arrow button is clicked (can be used instead of click event)
SplitButton
 arrowTooltip : String
The title attribute of the arrow
SplitButton
 cls : String
A CSS class string to apply to the button's main element.
Button
 handleMouseEvents : Boolean
False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)
Button
 handleMouseEvents : Boolean
False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)
Button
 hidden : Boolean
True to start hidden (defaults to false)
Button
 iconCls : String
A css class which sets a background image to be used as the icon for this button
Button
 menuAlign : String
The position to align the menu to (see Ext.Element.alignTo for more details, defaults to 'tl-bl?').
Button
 minWidth : Number
The minimum width for this button (used to give a set of buttons a common width). +

Defaults to:

{top:0, right:0, bottom:0, left:0}
BoxComponent
 menuAlign : String
The position to align the menu to (see Ext.Element.alignTo for more details, defaults to 'tl-bl?').
Button
 minWidth : Number
The minimum width for this button (used to give a set of buttons a common width). See also Ext.Panel.minButtonWidth.
Button
 pageX : Number
The page level x coordinate for this component if contained within a positioning container.
BoxComponent
 pageY : Number
The page level y coordinate for this component if contained within a positioning container.
BoxComponent
 pressed : Boolean
True to start pressed (only if enableToggle = true)
Button
 scope : Object
The scope (this reference) in which the -handler and toggleHandler is +

See render also.

Component
 scope : Object
The scope (this reference) in which the +handler and toggleHandler is executed. Defaults to this Button.
Button
 showText : Boolean
True to display the active item's text as the button text (defaults to false)
CycleButton
 text : String
The button text to be used as innerHTML (html tags are accepted)
Button
 toggleGroup : String
The group this toggle button is a member of (only 1 per group can be pressed)
Button
 text : String
The button text to be used as innerHTML (html tags are accepted)
Button
 toggleGroup : String
The group this toggle button is a member of (only 1 per group can be pressed)
Button
 tooltipType : String
The type of tooltip to use. Either 'qtip' (default) for QuickTips or 'title' for title attribute.
Button
 type : String
submit, reset or button - defaults to 'button'
Button
 x : Number
The local x (left) coordinate for this component if contained within a positioning container.
BoxComponent
 y : Number
The local y (top) coordinate for this component if contained within a positioning container.
BoxComponent

Public Properties

PropertyDefined By
 y : Number
The local y (top) coordinate for this component if contained within a positioning container.
BoxComponent

Public Properties

PropertyDefined By
 disabled : Boolean
Read-only. True if this button is disabled
Button
 hidden : Boolean
Read-only. True if this button is hidden
Button
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 menu : Menu +

See also getEl

Component
 hidden : Boolean
Read-only. True if this button is hidden
Button
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 menu : Menu The {@link Ext.menu.Menu Menu} object used to display the {@link Ext.menu.CheckItem CheckItems} representing the available choices.
CycleButton