<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>The source code</title> <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="../resources/prettify/prettify.js"></script> <style type="text/css"> .highlight { display: block; background-color: #ddd; } </style> <script type="text/javascript"> function highlight() { document.getElementById(location.hash.replace(/#/, "")).className = "highlight"; } </script> </head> <body onload="prettyPrint(); highlight();"> <pre class="prettyprint lang-js"><span id='Ext-menu-Separator'>/** </span> * 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 * 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: 'separator above' * },{ * text: 'regular item' * }] * }); */ Ext.define('Ext.menu.Separator', { extend: 'Ext.menu.Item', alias: 'widget.menuseparator', <span id='Ext-menu-Separator-cfg-activeCls'> /** </span> * @cfg {String} activeCls * @private */ <span id='Ext-menu-Separator-cfg-canActivate'> /** </span> * @cfg {Boolean} canActivate * @private */ canActivate: false, <span id='Ext-menu-Separator-cfg-clickHideDelay'> /** </span> * @cfg {Boolean} clickHideDelay * @private */ <span id='Ext-menu-Separator-cfg-destroyMenu'> /** </span> * @cfg {Boolean} destroyMenu * @private */ <span id='Ext-menu-Separator-cfg-disabledCls'> /** </span> * @cfg {Boolean} disabledCls * @private */ focusable: false, <span id='Ext-menu-Separator-cfg-href'> /** </span> * @cfg {String} href * @private */ <span id='Ext-menu-Separator-cfg-hrefTarget'> /** </span> * @cfg {String} hrefTarget * @private */ <span id='Ext-menu-Separator-cfg-hideOnClick'> /** </span> * @cfg {Boolean} hideOnClick * @private */ hideOnClick: false, <span id='Ext-menu-Separator-cfg-icon'> /** </span> * @cfg {String} icon * @private */ <span id='Ext-menu-Separator-cfg-iconCls'> /** </span> * @cfg {String} iconCls * @private */ <span id='Ext-menu-Separator-cfg-menu'> /** </span> * @cfg {Object} menu * @private */ <span id='Ext-menu-Separator-cfg-menuAlign'> /** </span> * @cfg {String} menuAlign * @private */ <span id='Ext-menu-Separator-cfg-menuExpandDelay'> /** </span> * @cfg {Number} menuExpandDelay * @private */ <span id='Ext-menu-Separator-cfg-menuHideDelay'> /** </span> * @cfg {Number} menuHideDelay * @private */ <span id='Ext-menu-Separator-cfg-plain'> /** </span> * @cfg {Boolean} plain * @private */ plain: true, <span id='Ext-menu-Separator-cfg-separatorCls'> /** </span> * @cfg {String} separatorCls * The CSS class used by the separator item to show the incised line. */ separatorCls: Ext.baseCSSPrefix + 'menu-item-separator', <span id='Ext-menu-Separator-cfg-text'> /** </span> * @cfg {String} text * @private */ text: '&#160;', beforeRender: function(ct, pos) { var me = this; me.callParent(); me.addCls(me.separatorCls); } });</pre> </body> </html>