Roo.bootstrap.dash.TabBox = function(config){
Roo.bootstrap.dash.TabBox.superclass.constructor.call(this, config);
- this.addEvents({
- // img events
- /**
- * @event click
- * The img click event for the img.
- * @param {Roo.EventObject} e
- */
- "click" : true
- });
};
Roo.extend(Roo.bootstrap.dash.TabBox, Roo.bootstrap.Component, {
}
return cfg;
- },
-
- initEvents: function() {
-
-// var _this = this;
-// Roo.each(_this.el.select('li',true).elements, function(el){
-// Roo.log(el);
-// el.on('click', _this.onClick, el);
-// })
- },
-
- onClick : function(e)
- {
-// Roo.log('img onclick');
-//
-// this.findParent('ul',false, true).select('li.active').removeClass('active');
-// this.addClass('active');
-// Roo.log(this);
-
}
-
+
});
* @class Roo.bootstrap.TabPane
* @extends Roo.bootstrap.Component
* Bootstrap TabPane class
- * @cfg {String} align left | right
- * @cfg {Boolean} inverse false | true
- * @cfg {String} type (nav|pills|tab) default nav
- * @cfg {String} navId - reference Id for navbar.
+ * @cfg {Boolean} active (false | true) Default false
*
* @constructor
- * Create a new nav group
+ * Create a new TabPane
* @param {Object} config The config object
*/
Roo.bootstrap.dash.TabPane = function(config){
Roo.bootstrap.dash.TabPane.superclass.constructor.call(this, config);
- //Roo.bootstrap.TabPane.register(this);
- this.addEvents({
- /**
- * @event changed
- * Fires when the active item changes
- * @param {Roo.bootstrap.TabPane} this
- * @param {Roo.bootstrap.Navbar.Item} item The item selected
- * @param {Roo.bootstrap.Navbar.Item} item The previously selected item
- */
- //'changed': true
- });
-
};
Roo.extend(Roo.bootstrap.dash.TabPane, Roo.bootstrap.Component, {
// private
- getAutoCreate : function()
- {
-
- Roo.log(this);
- cfg = {
+ getAutoCreate : function() {
+ var cfg = {
tag: 'div',
- cls: 'tab-content no-padding',
- html: null
+ cls: 'tab-pane',
}