/*
* Based on:
* Ext JS Library 1.1.1
* Copyright(c) 2006-2007, Ext JS, LLC.
*
* Originally Released Under LGPL - original licence link has changed is not relivant.
*
* Fork - LGPL
* <script type="text/javascript">
*/
/**
* @class Roo.menu.Separator
* @extends Roo.menu.BaseItem
* 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 you call to add() or in your items config rather than creating one directly.
* @constructor
* @param {Object} config Configuration options
*/
Roo.menu.Separator = function(config){
Roo.menu.Separator.superclass.constructor.call(this, config);
};
Roo.extend(Roo.menu.Separator, Roo.menu.BaseItem, {
/**
* @cfg {String} itemCls The default CSS class to use for separators (defaults to "x-menu-sep")
*/
itemCls : "x-menu-sep",
/**
* @cfg {Boolean} hideOnClick True to hide the containing menu after this item is clicked (defaults to false)
*/
hideOnClick : false,
// private
onRender : function(li){
var s = document.createElement("span");
s.className = this.itemCls;
s.innerHTML = " ";
this.el = s;
li.addClass("x-menu-sep-li");
Roo.menu.Separator.superclass.onRender.apply(this, arguments);
}
});