X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/3789b528d8dd8aad4558e38e22d775bcab1cbd36..6746dc89c47ed01b165cc1152533605f97eb8e8d:/docs/source/Separator.html diff --git a/docs/source/Separator.html b/docs/source/Separator.html index 59dbf81e..33c1ce1e 100644 --- a/docs/source/Separator.html +++ b/docs/source/Separator.html @@ -15,133 +15,35 @@
-* @class Ext.menu.Separator - * @extends Ext.menu.Item +/** + * @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>). * - * 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. + * {@img Ext.toolbar.Separator/Ext.toolbar.Separator.png Toolbar Separator} * - * {@img Ext.menu.Separator/Ext.menu.Separator.png Ext.menu.Separator component} + * ## Example * - * ## 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', - * }] + * Ext.create('Ext.panel.Panel', { + * title: 'Toolbar Seperator Example', + * width: 300, + * height: 200, + * tbar : [ + * 'Item 1', + * {xtype: 'tbseparator'}, // or '-' + * 'Item 2' + * ], + * renderTo: Ext.getBody() * }); * - * @xtype menuseparator - * @markdown - * @constructor - * @param {Object} config The config object */ -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); - } +Ext.define('Ext.toolbar.Separator', { + extend: 'Ext.toolbar.Item', + alias: 'widget.tbseparator', + alternateClassName: 'Ext.Toolbar.Separator', + baseCls: Ext.baseCSSPrefix + 'toolbar-separator', + focusable: false });