ext.cyclebutton.html.svn-base
来自「PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。」· SVN-BASE 代码 · 共 971 行 · 第 1/5 页
SVN-BASE
971 行
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.CycleButton-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.CycleButton-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.CycleButton-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.CycleButton-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.CycleButton"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div> <div class="inheritance res-block"><pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Component" ext:member="" href="output/Ext.Component.html">Component</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Button" ext:member="" href="output/Ext.Button.html">Button</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.SplitButton" ext:member="" href="output/Ext.SplitButton.html">SplitButton</a> <img src="resources/elbow-end.gif"/>CycleButton</pre></div> <h1>Class Ext.CycleButton</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr> <tr><td class="label">Defined In:</td><td class="hd-info">CycleButton.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">CycleButton</td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.SplitButton" ext:member="" href="output/Ext.SplitButton.html">SplitButton</a></td></tr> </table> <div class="description"> A specialized SplitButton that contains a menu of <a ext:cls="Ext.menu.CheckItem" href="output/Ext.menu.CheckItem.html">Ext.menu.CheckItem</a> elements. The button automaticallycycles through each menu item on click, raising the button's <a ext:cls="Ext.CycleButton" ext:member="change" href="output/Ext.CycleButton.html#change">change</a> event (or calling the button's<a ext:cls="Ext.CycleButton" ext:member="changeHandler" href="output/Ext.CycleButton.html#changeHandler">changeHandler</a> function, if supplied) for the active menu item. Clicking on the arrow section of thebutton displays the dropdown menu just like a normal SplitButton. Example usage:<pre><code>var btn = <b>new</b> Ext.CycleButton({ showText: true, prependText: <em>'View as '</em>, items: [{ text:<em>'text only'</em>, iconCls:<em>'view-text'</em>, checked:true },{ text:<em>'HTML'</em>, iconCls:<em>'view-html'</em> }], changeHandler:<b>function</b>(btn, item){ Ext.Msg.alert(<em>'Change View'</em>, item.text); }});</code></pre> </div> <div class="hr"></div> <a id="Ext.CycleButton-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-allowDepress"></a>
<b>allowDepress</b> : Boolean <div class="mdesc">
True to allow a pressed Button to be depressed (defaults to false). Only valid when <a ext:cls="Ext.Button" ext:member="enableToggle" href="output/Ext.Button.html#enableToggle">enableToggle</a> is true. </div>
</td>
<td class="msource"><a ext:cls="Ext.Button" ext:member="#allowDepress" href="output/Ext.Button.html#allowDepress">Button</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-allowDomMove"></a>
<b>allowDomMove</b> : Boolean <div class="mdesc">
Whether the component can move the Dom node when rendering (defaults to true). </div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#allowDomMove" href="output/Ext.Component.html#allowDomMove">Component</a></td>
</tr>
<tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-applyTo"></a>
<b>applyTo</b> : Mixed <div class="mdesc">
<div class="short">The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document ...</div>
<div class="long">
The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document that specifies some structural markup for this component. When applyTo is used, constituent parts of the component can also be specified by id or CSS class name within the main element, and the component being created may attempt to create its subcomponents from that markup if applicable. Using this config, a call to render() is not required. If applyTo is specified, any value passed for <a ext:cls="Ext.Component" ext:member="renderTo" href="output/Ext.Component.html#renderTo">renderTo</a> will be ignored and the target element's parent node will automatically be used as the component's container. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#applyTo" href="output/Ext.Component.html#applyTo">Component</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-arrowHandler"></a>
<b>arrowHandler</b> : Function <div class="mdesc">
A function called when the arrow button is clicked (can be used instead of click event) </div>
</td>
<td class="msource"><a ext:cls="Ext.SplitButton" ext:member="#arrowHandler" href="output/Ext.SplitButton.html#arrowHandler">SplitButton</a></td>
</tr>
<tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-arrowTooltip"></a>
<b>arrowTooltip</b> : String <div class="mdesc">
The title attribute of the arrow </div>
</td>
<td class="msource"><a ext:cls="Ext.SplitButton" ext:member="#arrowTooltip" href="output/Ext.SplitButton.html#arrowTooltip">SplitButton</a></td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-autoShow"></a>
<b>autoShow</b> : Boolean <div class="mdesc">
<div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render...</div>
<div class="long">
True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render (defaults to false). </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#autoShow" href="output/Ext.Component.html#autoShow">Component</a></td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-changeHandler"></a>
<b>changeHandler</b> : Function <div class="mdesc">
<div class="short">A callback function that will be invoked each time the active menu item in the button's menu has changed. If this cal...</div>
<div class="long">
A callback function that will be invoked each time the active menu item in the button's menu has changed. If this callback is not supplied, the SplitButton will instead fire the <a ext:cls="Ext.CycleButton" ext:member="change" href="output/Ext.CycleButton.html#change">change</a> event on active item change. The changeHandler function will be called with the following argument list: (SplitButton this, Ext.menu.CheckItem item) </div>
</div>
</td>
<td class="msource">CycleButton</td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-clickEvent"></a>
<b>clickEvent</b> : String <div class="mdesc">
The type of event to map to the button's event handler (defaults to 'click') </div>
</td>
<td class="msource"><a ext:cls="Ext.Button" ext:member="#clickEvent" href="output/Ext.Button.html#clickEvent">Button</a></td>
</tr>
<tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-cls"></a>
<b>cls</b> : String <div class="mdesc">
<div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be useful for a...</div>
<div class="long">
An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be useful for adding customized styles to the component or any of its children using standard CSS rules. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#cls" href="output/Ext.Component.html#cls">Component</a></td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-ctCls"></a>
<b>ctCls</b> : String <div class="mdesc">
<div class="short">An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for...</div>
<div class="long">
An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for adding customized styles to the container or any of its children using standard CSS rules. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#ctCls" href="output/Ext.Component.html#ctCls">Component</a></td>
</tr>
<tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-disabled"></a>
<b>disabled</b> : Boolean <div class="mdesc">
True to start disabled (defaults to false) </div>
</td>
<td class="msource"><a ext:cls="Ext.Button" ext:member="#disabled" href="output/Ext.Button.html#disabled">Button</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-disabledClass"></a>
<b>disabledClass</b> : String <div class="mdesc">
CSS class added to the component when it is disabled (defaults to "x-item-disabled"). </div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#disabledClass" href="output/Ext.Component.html#disabledClass">Component</a></td>
</tr>
<tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-enableToggle"></a>
<b>enableToggle</b> : Boolean <div class="mdesc">
True to enable pressed/not pressed toggling (defaults to false) </div>
</td>
<td class="msource"><a ext:cls="Ext.Button" ext:member="#enableToggle" href="output/Ext.Button.html#enableToggle">Button</a></td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.CycleButton-forceIcon"></a>
<b>forceIcon</b> : String <div class="mdesc">
<div class="short">A css class which sets an image to be used as the static icon for this button. This icon will always be displayed reg...</div>
<div class="long">
A css class which sets an image to be used as the static icon for this button. This icon will always be displayed regardless of which item is selected in the dropdown list. This overrides the default behavior of changing the button's icon to match the selected item's icon on change. </div>
</div>
</td>
<td class="msource">CycleButton</td>
</tr>
<tr class="config-row inherited">
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?