9 * @class Roo.bootstrap.Navbar
10 * @extends Roo.bootstrap.Component
11 * Bootstrap Navbar class
12 * @cfg {String} position (fixed-top|fixed-bottom|static-top) position
13 * @cfg {String} brand what is brand
14 * @cfg {Boolean} inverse is inverted color
15 * @cfg {String} type (nav | pills | tabs)
16 * @cfg {Boolean} arrangement stacked | justified
17 * @cfg {String} align (left | right) alignment
18 * @cfg {String} brand_href href of the brand
19 * @cfg {Boolean} main (true|false) main nav bar? default false
20 * @cfg {Boolean} loadMask (true|false) loadMask on the bar
21 * @cfg {String} tag (header|footer|nav|div) default is nav
26 * @param {Object} config The config object
30 Roo.bootstrap.Navbar = function(config){
31 Roo.bootstrap.Navbar.superclass.constructor.call(this, config);
35 Roo.extend(Roo.bootstrap.Navbar, Roo.bootstrap.Component, {
52 getAutoCreate : function(){
55 throw { message : "nav bar is now a abstract base class - use SimpleBar / HeaderBar / SideBar etc..."};
59 initEvents :function ()
61 //Roo.log(this.el.select('.navbar-toggle',true));
62 this.el.select('.navbar-toggle',true).on('click', function() {
64 this.el.select('.navbar-collapse',true).toggleClass('in');
72 this.maskEl = Roo.DomHelper.append(this.el, mark, true);
74 var size = this.el.getSize();
75 this.maskEl.setSize(size.width, size.height);
76 this.maskEl.enableDisplayMode("block");
85 getChildContainer : function()
87 if (this.el.select('.collapse').getCount()) {
88 return this.el.select('.collapse',true).first();