/** * @class Ext.menu.Separator * @extends Ext.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 */Ext.menu.Separator = function(config){    Ext.menu.Separator.superclass.constructor.call(this, config);};Ext.extend(Ext.menu.Separator, Ext.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");        Ext.menu.Separator.superclass.onRender.apply(this, arguments);    }});