X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775..e9397f91ede62d446aed37d23256e8938fc4c335:/docs/output/Ext.SplitButton.html?ds=sidebyside diff --git a/docs/output/Ext.SplitButton.html b/docs/output/Ext.SplitButton.html index 25a43be5..d706face 100644 --- a/docs/output/Ext.SplitButton.html +++ b/docs/output/Ext.SplitButton.html @@ -1,35 +1,39 @@ -
Properties Methods Events Config Options Direct Link 
Observable
  Component
    BoxComponent
      Button
        SplitButton

Class Ext.SplitButton

Package:Ext
Defined In:SplitButton.js
Class:SplitButton
Subclasses:CycleButton
Extends:Button
xtype:splitbutton
A split button that provides a built-in dropdown arrow that can fire an event separately from the default -click event of the button. Typically this would be used to display a dropdown menu that provides additional -options to the primary button action, but any custom handler can provide the arrowclick implementation. Example usage: -
// display a dropdown menu:

-new Ext.SplitButton({
-	renderTo: 'button-ct', // the container id

-   	text: 'Options',
-   	handler: optionsHandler, // handle a click on the button itself

-   	menu: new Ext.menu.Menu({
-        items: [
-        	// these items will render as dropdown menu items when the arrow is clicked:

-	        {text: 'Item 1', handler: item1Handler},
-	        {text: 'Item 2', handler: item2Handler}
-        ]
-   	})
-});
-
-// Instead of showing a menu, you provide any type of custom

-// functionality you want when the dropdown arrow is clicked:

-new Ext.SplitButton({
-	renderTo: 'button-ct',
-   	text: 'Options',
-   	handler: optionsHandler,
-   	arrowHandler: myCustomHandler
-});

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