/*
* - LGPL
*
* button group
*
*/
/**
* @class Roo.bootstrap.ButtonGroup
* @extends Roo.bootstrap.Component
* Bootstrap ButtonGroup class
* @children Roo.bootstrap.Button Roo.bootstrap.form.Form
*
* @cfg {String} size lg | sm | xs (default empty normal)
* @cfg {String} align vertical | justified (default none)
* @cfg {String} direction up | down (default down)
* @cfg {Boolean} toolbar false | true
* @cfg {Boolean} btn true | false
*
*
* @constructor
* Create a new Input
* @param {Object} config The config object
*/
Roo.bootstrap.ButtonGroup = function(config){
Roo.bootstrap.ButtonGroup.superclass.constructor.call(this, config);
};
Roo.extend(Roo.bootstrap.ButtonGroup, Roo.bootstrap.Component, {
size: '',
align: '',
direction: '',
toolbar: false,
btn: true,
getAutoCreate : function(){
var cfg = {
cls: 'btn-group',
html : null
};
cfg.html = this.html || cfg.html;
if (this.toolbar) {
cfg = {
cls: 'btn-toolbar',
html: null
};
return cfg;
}
if (['vertical','justified'].indexOf(this.align)!==-1) {
cfg.cls = 'btn-group-' + this.align;
if (this.align == 'justified') {
console.log(this.items);
}
}
if (['lg','sm','xs'].indexOf(this.size)!==-1) {
cfg.cls += ' btn-group-' + this.size;
}
if (this.direction == 'up') {
cfg.cls += ' dropup' ;
}
return cfg;
},
/**
* Add a button to the group (similar to NavItem API.)
*/
addItem : function(cfg)
{
var cn = new Roo.bootstrap.Button(cfg);
//this.register(cn);
cn.parentId = this.id;
cn.onRender(this.el, null);
return cn;
}
});