/**
|
@name Edo.containers.FieldSet
|
@class
|
@typeName fieldset
|
@description
|
@extend Edo.containers.Container
|
@example
|
|
|
*/
|
Edo.containers.FieldSet = function(){
|
Edo.containers.FieldSet.superclass.constructor.call(this);
|
|
};
|
Edo.containers.FieldSet.extend(Edo.containers.Container, {
|
/**
|
@name Edo.containers.FieldSet#defaultWidth
|
@property
|
@default 80
|
*/
|
defaultWidth: 80,
|
/**
|
@name Edo.containers.FieldSet#defaultHeight
|
@property
|
@default 30
|
*/
|
defaultHeight: 20,
|
/**
|
@name Edo.containers.FieldSet#collapseHeight
|
@property
|
@default 18
|
*/
|
collapseHeight: 18,
|
/**
|
@name Edo.containers.FieldSet#legend
|
@property
|
@type {String}
|
@description 头部文本
|
*/
|
legend: '',
|
|
/**
|
@name Edo.containers.Box#padding
|
@property
|
@type [top, right, bottom, left]
|
@default [3,5,5,5]
|
@description 内边距宽度
|
*/
|
padding: [3,5,5,5],
|
|
elCls: 'e-fieldset e-div',
|
|
getInnerHtml: function(sb){
|
sb[sb.length] = '<fieldset class="e-fieldset-fieldset"><legend class="e-fieldset-legend">';
|
sb[sb.length] = '<span class="'+(this.enableCollapse ? 'e-fieldset-icon' : '')+'">';
|
sb[sb.length] = this.legend || ' ';
|
sb[sb.length] = '</span></legend><div class="e-fieldset-body" style="';
|
sb[sb.length] = this.doScrollPolicy();
|
sb[sb.length] = '"></div></fieldset>';
|
},
|
createChildren: function(el){
|
Edo.containers.FieldSet.superclass.createChildren.call(this, el);
|
|
this.fieldset = this.el.firstChild;
|
this.scrollEl = this.fieldset.lastChild;
|
this.legendEl = this.fieldset.firstChild;
|
this.titleEl = this.legendEl.lastChild;
|
},
|
initEvents: function(){
|
Edo.containers.FieldSet.superclass.initEvents.call(this);
|
Edo.util.Dom.on(this.legendEl, 'click', this._onLegendClick, this);
|
},
|
_onLegendClick: function(e){
|
|
if(this.enableCollapse){
|
this.toggle();
|
}
|
},
|
syncSize: function(){
|
Edo.containers.FieldSet.superclass.syncSize.apply(this, arguments);
|
|
Edo.util.Dom.setSize(this.fieldset, this.realWidth, this.realHeight);
|
},
|
measure: function(){
|
Edo.containers.FieldSet.superclass.measure.call(this);
|
|
this.realWidth += 2;
|
this.realHeight += 20;
|
|
var p = this.padding;
|
this.realWidth += p[3] + p[1];
|
this.realHeight += p[0] + p[2];
|
|
this.measureSize();
|
},
|
getLayoutBox: function(){
|
var box = Edo.containers.FieldSet.superclass.getLayoutBox.call(this);
|
box.x += 1;
|
box.y += 1;
|
box.width -= 2;
|
box.height -= 20;
|
|
var p = this.padding;
|
box.width = box.width - p[3] - p[1];
|
box.height = box.height - p[0] - p[2];
|
box.x += p[3];
|
box.y += p[0];
|
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box; //这里的逻辑没问题!!!
|
},
|
_setLegend: function(value){
|
if(this.legend !== value){
|
this.legend = value;
|
if(this.el){
|
this.titleEl.innerText = value;
|
}
|
this.changeProperty('legend', value);
|
}
|
},
|
_setPadding: function(value){
|
value = this._toArray(value);
|
if(!this._checkTheSame(this.padding, value)){
|
this.padding = value;
|
this.relayout('padding', value);
|
this.changeProperty('padding', value);
|
}
|
},
|
destroy : function(){
|
Edo.util.Dom.clearEvent(this.legendEl);
|
this.legendEl = null;
|
|
Edo.containers.Container.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.containers.FieldSet.regType('fieldset');
|
