X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/3789b528d8dd8aad4558e38e22d775bcab1cbd36..6746dc89c47ed01b165cc1152533605f97eb8e8d:/docs/source/Separator2.html diff --git a/docs/source/Separator2.html b/docs/source/Separator2.html index 7198bece..cd1d0f8f 100644 --- a/docs/source/Separator2.html +++ b/docs/source/Separator2.html @@ -15,38 +15,130 @@
-/** - * @class Ext.toolbar.Separator - * @extends Ext.toolbar.Item - * A simple class that adds a vertical separator bar between toolbar items - * (css class:<tt>'x-toolbar-separator'</tt>). +* @class Ext.menu.Separator + * @extends Ext.menu.Item * - * {@img Ext.toolbar.Separator/Ext.toolbar.Separator.png Toolbar Separator} + * Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will + * add one of these by using "-" in your call to add() or in your items config rather than creating one directly. * - * ## Example + * {@img Ext.menu.Separator/Ext.menu.Separator.png Ext.menu.Separator component} * - * Ext.create('Ext.panel.Panel', { - * title: 'Toolbar Seperator Example', - * width: 300, - * height: 200, - * tbar : [ - * 'Item 1', - * {xtype: 'tbseparator'}, // or '-' - * 'Item 2' - * ], - * renderTo: Ext.getBody() + * ## Code + * + * Ext.create('Ext.menu.Menu', { + * width: 100, + * height: 100, + * floating: false, // usually you want this set to True (default) + * renderTo: Ext.getBody(), // usually rendered by it's containing component + * items: [{ + * text: 'icon item', + * iconCls: 'add16' + * },{ + * xtype: 'menuseparator' + * },{ + * text: 'seperator above', + * },{ + * text: 'regular item', + * }] * }); * - * @constructor - * Creates a new Separator - * @xtype tbseparator + * @markdown */ -Ext.define('Ext.toolbar.Separator', { - extend: 'Ext.toolbar.Item', - alias: 'widget.tbseparator', - alternateClassName: 'Ext.Toolbar.Separator', - baseCls: Ext.baseCSSPrefix + 'toolbar-separator', - focusable: false +Ext.define('Ext.menu.Separator', { + extend: 'Ext.menu.Item', + alias: 'widget.menuseparator', + + * @cfg {String} activeCls @hide + */ + + * @cfg {Boolean} canActivate @hide + */ + canActivate: false, + + * @cfg {Boolean} clickHideDelay @hide + */ + + * @cfg {Boolean} destroyMenu @hide + */ + + * @cfg {Boolean} disabledCls @hide + */ + + focusable: false, + + * @cfg {String} href @hide + */ + + * @cfg {String} hrefTarget @hide + */ + + * @cfg {Boolean} hideOnClick @hide + */ + hideOnClick: false, + + * @cfg {String} icon @hide + */ + + * @cfg {String} iconCls @hide + */ + + * @cfg {Mixed} menu @hide + */ + + * @cfg {String} menuAlign @hide + */ + + * @cfg {Number} menuExpandDelay @hide + */ + + * @cfg {Number} menuHideDelay @hide + */ + + * @cfg {Boolean} plain @hide + */ + plain: true, + + * @cfg {String} separatorCls + * The CSS class used by the separator item to show the incised line. + * Defaults to `Ext.baseCSSPrefix + 'menu-item-separator'`. + * @markdown + */ + separatorCls: Ext.baseCSSPrefix + 'menu-item-separator', + + * @cfg {String} text @hide + */ + text: ' ', + + onRender: function(ct, pos) { + var me = this, + sepCls = me.separatorCls; + + me.cls += ' ' + sepCls; + + Ext.applyIf(me.renderSelectors, { + itemSepEl: '.' + sepCls + }); + + me.callParent(arguments); + } });