* @param {Roo.bootstrap.CheckBox} this This input
* @param {Boolean} checked The new checked value
*/
- check : true
+ check : true,
+ /**
+ * @event click
+ * Fires when the element is click.
+ * @param {Roo.bootstrap.CheckBox} this This input
+ */
+ click : true
});
};
};
- Roo.log(this.name);
- Roo.log(this.checked);
-
if(this.inputType != 'radio'){
var hidden = {
tag: 'input',
type : 'hidden',
cls : 'roo-hidden-value',
- value : this.checked ? this.valueOff : this.inputValue
+ value : this.checked ? this.inputValue : this.valueOff
};
}
html: this.boxLabel
};
+ if(this.useFontAwesomeCheckBox) {
+ boxLabelCfg.cls = 'box-label fa-checkbox'
+ }
+
if(this.tooltip){
boxLabelCfg.tooltip = this.tooltip;
}
}
},
- onClick : function()
+ onClick : function(e)
{
- this.setChecked(!this.checked);
+ if(this.fireEvent('click', this, e) !== false){
+ this.setChecked(!this.checked);
+ }
+
},
setChecked : function(state,suppressEvent)
validate : function()
{
+ if(this.getVisibilityEl().hasClass('hidden')){
+ return true;
+ }
+
if(
this.disabled ||
(this.inputType == 'radio' && this.validateRadio()) ||
validateRadio : function()
{
+ if(this.getVisibilityEl().hasClass('hidden')){
+ return true;
+ }
+
if(this.allowBlank){
return true;
}
var r = false;
+ for(var i in group){
+ if(group[i].el.isVisible(true)){
+ r = false;
+ break;
+ }
+
+ r = true;
+ }
+
for(var i in group){
if(r){
break;
var label = Roo.bootstrap.FieldLabel.get(this.name + '-group');
- if (label) {
+ if (label && label.iconEl) {
label.iconEl.removeClass(label.validClass);
label.iconEl.removeClass(label.invalidClass);
}
this.disabled = false;
this.fireEvent("enable", this);
return this;
+ },
+
+ setBoxLabel : function(v)
+ {
+ this.boxLabel = v;
+
+ if(this.rendered){
+ this.el.select('label.box-label',true).first().dom.innerHTML = (v === null || v === undefined ? '' : v);
+ }
}
});