Properties Methods Events Config Options Direct Link
Observable
  Component
    Button
      SplitButton
        Toolbar.SplitButton

Class Ext.Toolbar.SplitButton

Package:Ext
Defined In:Toolbar.js
Class:Toolbar.SplitButton
Extends:SplitButton
A split button that renders into a toolbar.
new Ext.Panel({
	tbar : [
		{
			xtype: 'tbsplit',
		   	text: 'Options',
		   	handler: optionsHandler, // handle a click on the button itself
		   	menu: new Ext.menu.Menu({
		        items: [
		        	// These items will display in a dropdown menu when the split arrow is clicked
			        {text: 'Item 1', handler: item1Handler},
			        {text: 'Item 2', handler: item2Handler}
		        ]
		   	})
		}
	]
});

Config Options

Config Options Defined 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
  clickEvent : String
The type of event to map to the button's event handler (defaults to 'click')
Button
  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
  enableToggle : Boolean
True to enable pressed/not pressed toggling (defaults to false)
Button
  handleMouseEvents : Boolean
False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)
Button
  handler : Function
A function called when the button is clicked (can be used instead of click event)
Button
  hidden : Boolean
Render this component hidden (default is false).
Component
  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)
Button
  pressed : Boolean
True to start pressed (only if enableToggle = true)
Button
  scope : Object
The scope of the handler
Button
  tabIndex : Number
Set a DOM tabIndex for this button (defaults to undefined)
Button
  text : String
The button text
Button
  toggleGroup : String
The group this toggle button is a member of (only 1 per group can be pressed)
Button
  tooltip : String/Object
The tooltip for the button - can be a string or QuickTips config object
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

Public Properties

Property Defined By
  disabled : Boolean
True if this component is disabled. Read-only.
Component
  hidden : Boolean
True if this component is hidden. Read-only.
Component
  initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
  pressed : Boolean
Read-only. True if this button is pressed (only if enableToggle = true)
Button
  rendered : Boolean
True if this component has been rendered. Read-only.
Component

Public Methods

Method Defined By

Public Events

Event Defined By