/**
|
@name Edo.controls.CheckBox
|
@class
|
@typeName check,checkbox
|
@description 多选框
|
@extend Edo.controls.Control
|
*/
|
Edo.controls.CheckBox = function(config){
|
/**
|
@name Edo.controls.CheckBox#checkedchange
|
@event
|
@description 选中状态改变事件
|
@property {Boolean} checked 是否选中
|
*/
|
Edo.controls.CheckBox.superclass.constructor.call(this);
|
};
|
Edo.controls.CheckBox.extend(Edo.controls.Control,{
|
/**
|
@name Edo.controls.CheckBox#valueField
|
@property
|
@default 'checked'
|
*/
|
valueField: 'checked',
|
/**
|
@name Edo.controls.CheckBox#defaultValue
|
@property
|
@default false
|
*/
|
defaultValue: false,
|
/**
|
@name Edo.controls.CheckBox#autoWidth
|
@property
|
@default true
|
*/
|
autoWidth: true,
|
|
/**
|
@name Edo.controls.CheckBox#minWidth
|
@property
|
@default 20
|
*/
|
minWidth: 20,
|
/**
|
@name Edo.controls.CheckBox#text
|
@property
|
@type String
|
@default ''
|
@description 文本
|
*/
|
text: '',
|
/**
|
@name Edo.controls.CheckBox#checked
|
@property
|
@type Boolean
|
@default false
|
@description 是否选中状态
|
*/
|
checked: false,
|
|
elCls: 'e-checkbox',
|
checkedCls: 'e-checked',
|
overcheckedCls: 'e-checked-over',
|
pressedcheckedCls: 'e-checked-pressed',
|
|
getInnerHtml: function(sb){
|
if(this.checked) this.elCls += ' '+this.checkedCls;
|
sb[sb.length] = '<div class="e-checked-icon"><div class="e-checked-icon-inner"></div></div><div class="e-checked-text">';
|
sb[sb.length] = this.text;
|
sb[sb.length] = '</div>';
|
},
|
createChildren: function(el){
|
Edo.controls.CheckBox.superclass.createChildren.call(this, el);
|
this.iconEl = this.el.firstChild;
|
this.textEl = this.el.lastChild;
|
},
|
initEvents: function(){
|
if(!this.design){
|
var el = this.el;
|
|
Edo.util.Dom.addClassOnOver(el, this.overcheckedCls);
|
Edo.util.Dom.addClassOnClick(el, this.pressedcheckedCls);
|
|
this.on('click', this._onClick, this);
|
}
|
Edo.controls.CheckBox.superclass.initEvents.call(this);
|
},
|
_onClick: function(e){
|
if(!this.enable) return;
|
|
var checked = !this.checked;
|
this._setChecked(checked);
|
},
|
_setText: function(value){
|
if(this.text !== value){
|
this.text = value;
|
if(this.el){
|
this.textEl.innerHTML = this.text;
|
}
|
if(!Edo.isInt(this.width)){
|
this.widthGeted = false;
|
}
|
this.changeProperty('text', value);
|
this.relayout('text', value);
|
}
|
},
|
_setChecked: function(value){
|
value = Edo.toBool(value);
|
if(this.checked !== value){
|
this.checked = value;
|
if(this.el){
|
if(value){
|
Edo.util.Dom.addClass(this.el, this.checkedCls);
|
}else{
|
Edo.util.Dom.removeClass(this.el, this.checkedCls);
|
}
|
}
|
this.fireEvent('checkedchange',{
|
type: 'checkedchange',
|
source: this,
|
checked: value
|
});
|
this.changeProperty('checked', value);
|
}
|
}
|
});
|
|
Edo.controls.CheckBox.regType('checkbox', 'check');
|
