9 * @class Roo.bootstrap.Navbar
10 * @extends Roo.bootstrap.Component
11 * Bootstrap Navbar class
15 * @param {Object} config The config object
19 Roo.bootstrap.Navbar = function(config){
20 Roo.bootstrap.Navbar.superclass.constructor.call(this, config);
25 * Fire before toggle the menu
26 * @param {Roo.EventObject} e
32 Roo.extend(Roo.bootstrap.Navbar, Roo.bootstrap.Component, {
41 getAutoCreate : function(){
44 throw { message : "nav bar is now a abstract base class - use NavSimplebar / NavHeaderbar / NavSidebar etc..."};
48 initEvents :function ()
50 //Roo.log(this.el.select('.navbar-toggle',true));
51 this.el.select('.navbar-toggle',true).on('click', function() {
52 if(this.fireEvent('beforetoggle', this) !== false){
53 var ce = this.el.select('.navbar-collapse',true).first();
54 ce.toggleClass('in'); // old...
55 if (ce.hasClass('collapse')) {
57 ce.removeClass('collapse');
60 ce.setHeight(ce.getHeight()); // resize it ...
61 ce.removeClass('collapsing');
62 ce.addClass('collapsing');
64 // now flag it as moving..
67 (function() { ce.removeClass('collapsing'); }).defer(100);
69 ce.addClass('collapsing');
70 ce.removeClass('show');
72 ce.removeClass('collapsing');
73 ce.addClass('collapse');
86 this.maskEl = Roo.DomHelper.append(this.el, mark, true);
88 var size = this.el.getSize();
89 this.maskEl.setSize(size.width, size.height);
90 this.maskEl.enableDisplayMode("block");
99 getChildContainer : function()
101 if (this.el.select('.collapse').getCount()) {
102 return this.el.select('.collapse',true).first();