Roo/bootstrap/dash/TabGroup.js
[roojs1] / Roo / bootstrap / dash / TabGroup.js
1 /*
2  * - LGPL
3  *
4  * nav group
5  * 
6  */
7
8 /**
9  * @class Roo.bootstrap.NavGroup
10  * @extends Roo.bootstrap.Component
11  * Bootstrap NavGroup class
12  * @cfg {String} align left | right
13  * @cfg {Boolean} inverse false | true
14  * @cfg {String} type (nav|pills|tab) default nav
15  * @cfg {String} navId - reference Id for navbar.
16
17  * 
18  * @constructor
19  * Create a new nav group
20  * @param {Object} config The config object
21  */
22 Roo.bootstrap.dash = Roo.bootstrap.dash || {};
23 Roo.bootstrap.dash.TabGroup = function(config){
24     Roo.bootstrap.dash.TabGroup.superclass.constructor.call(this, config);
25     this.tabItems = [];
26     //Roo.bootstrap.NavGroup.register(this);
27      this.addEvents({
28         /**
29              * @event changed
30              * Fires when the active item changes
31              * @param {Roo.bootstrap.NavGroup} this
32              * @param {Roo.bootstrap.Navbar.Item} item The item selected
33              * @param {Roo.bootstrap.Navbar.Item} item The previously selected item 
34          */
35         'changed': true
36      });
37     
38 };
39
40 Roo.extend(Roo.bootstrap.dash.TabGroup, Roo.bootstrap.Component,  {
41     
42     title: '',
43     // inverse: false,
44     // form: false,
45     // type: 'nav',
46     // navId : '',
47     // private
48     
49     tabItems : false,
50     
51     getAutoCreate : function()
52     {
53         
54         Roo.log('');
55         cfg = {
56             tag : 'ul',
57             cls: 'nav nav-tabs pull-right' ,
58             cn: [{
59                 tag: 'span',
60                 cls: 'pull-left header',
61                 html: this.title ? this.title : 'Title',
62             }]
63         }
64           
65         
66         return cfg;
67     },
68     
69     
70 });
71
72  
73
74
75