/*
* - LGPL
*
- * page contgainer.
+ * button group
*
*/
* @class Roo.bootstrap.ButtonGroup
* @extends Roo.bootstrap.Component
* Bootstrap ButtonGroup class
- * @cfg {string} size lg | sm | xs (default empty normal)
- * @cfg {string} align vertical | justified (default none)
- * @cfg {string} direction up | down (default down)
+ * @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
size: '',
align: '',
- direction: '',
-
- autoCreate : {
- cls: 'btn-group',
- html : null
- },
+ direction: '',
+ toolbar: false,
+ btn: true,
getAutoCreate : function(){
-
- var cfg = Roo.apply({}, Roo.bootstrap.ButtonGroup.superclass.getAutoCreate.call(this));
+ 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;
}
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;
}
});