10 * @class Roo.bootstrap.ButtonGroup
11 * @extends Roo.bootstrap.Component
12 * Bootstrap ButtonGroup class
13 * @cfg {string} size lg | sm | xs (default empty normal)
14 * @cfg {string} align vertical | justified (default none)
15 * @cfg {string} direction up | down (default down)
20 * @param {Object} config The config object
23 Roo.bootstrap.ButtonGroup = function(config){
24 Roo.bootstrap.ButtonGroup.superclass.constructor.call(this, config);
27 Roo.extend(Roo.bootstrap.ButtonGroup, Roo.bootstrap.Component, {
38 getAutoCreate : function(){
40 var cfg = Roo.apply({}, Roo.bootstrap.ButtonGroup.superclass.getAutoCreate.call(this));
42 cfg.html = this.html || cfg.html;
44 if (['vertical','justified'].indexOf(this.align)!==-1) {
45 cfg.cls = 'btn-group-' + this.align;
47 if (this.align == 'justified') {
48 console.log(this.items);
52 if (['lg','sm','xs'].indexOf(this.size)!==-1) {
53 cfg.cls += ' btn-group-' + this.size;
56 if (this.direction == 'up') {
57 cfg.cls += ' dropup' ;