discordmessengercustom-servicesmacoslinuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teams
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
2.3 KiB
128 lines
2.3 KiB
9 years ago
|
/**
|
||
|
* 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',
|
||
|
|
||
|
focusable: false,
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} activeCls
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Boolean} canActivate
|
||
|
* @private
|
||
|
*/
|
||
|
canActivate: false,
|
||
|
|
||
|
/**
|
||
|
* @cfg {Boolean} clickHideDelay
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Boolean} destroyMenu
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Boolean} disabledCls
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} href
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} hrefTarget
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Boolean} hideOnClick
|
||
|
* @private
|
||
|
*/
|
||
|
hideOnClick: false,
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} icon
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} iconCls
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Object} menu
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} menuAlign
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Number} menuExpandDelay
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Number} menuHideDelay
|
||
|
* @private
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @cfg {Boolean} plain
|
||
|
* @private
|
||
|
*/
|
||
|
plain: true,
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} separatorCls
|
||
|
* The CSS class used by the separator item to show the incised line.
|
||
|
*/
|
||
|
separatorCls: Ext.baseCSSPrefix + 'menu-item-separator',
|
||
|
|
||
|
/**
|
||
|
* @cfg {String} text
|
||
|
* @private
|
||
|
*/
|
||
|
text: ' ',
|
||
|
|
||
|
ariaRole: 'separator',
|
||
|
|
||
|
beforeRender: function(ct, pos) {
|
||
|
var me = this;
|
||
|
|
||
|
me.callParent();
|
||
|
|
||
|
me.addCls(me.separatorCls);
|
||
|
}
|
||
|
});
|