/**
|
@name Edo.controls.CheckGroup
|
@class
|
@typeName checkgroup
|
@description 多选框列表
|
@extend Edo.controls.DataView
|
*/
|
Edo.controls.CheckGroup = function(config){
|
Edo.controls.CheckGroup.superclass.constructor.call(this);
|
};
|
Edo.controls.CheckGroup.extend(Edo.controls.DataView,{
|
/**
|
@name Edo.controls.CheckGroup#autoWidth
|
@property
|
@default true
|
*/
|
autoWidth: true,
|
/**
|
@name Edo.controls.CheckGroup#autoHeight
|
@property
|
@default true
|
*/
|
autoHeight: true,
|
/**
|
@name Edo.controls.CheckGroup#multiSelect
|
@property
|
@default true
|
*/
|
multiSelect: true,
|
//mustSelect: false,
|
/**
|
@name Edo.controls.CheckGroup#repeatSelect
|
@property
|
@default false
|
*/
|
repeatSelect: false,
|
selectOnly: false,
|
|
elCls: 'e-checkgroup',
|
|
itemSelector: 'e-checkgroup-item',
|
itemCls: 'e-checkgroup-item',
|
selectedCls: 'e-checkgroup-item-checked',
|
/**
|
@name Edo.controls.CheckGroup#displayField
|
@property
|
@type String
|
@default text
|
@description 文本显示字段
|
*/
|
displayField: 'text',
|
/**
|
@name Edo.controls.CheckGroup#valueField
|
@property
|
@type String
|
@default value
|
*/
|
valueField: 'value',
|
/**
|
@name Edo.controls.CheckGroup#repeatLayout
|
@property
|
@type table,flow
|
@default table
|
@description 排布方式
|
*/
|
repeatLayout: 'table', //flow
|
/**
|
@name Edo.controls.CheckGroup#repeatDirection
|
@property
|
@type vertical,horizontal
|
@default vertical
|
@description 排布方向
|
*/
|
repeatDirection: 'vertical',// horizontal
|
/**
|
@name Edo.controls.CheckGroup#repeatItems
|
@property
|
@type Number
|
@default 10000
|
@description 排布方向最大数目
|
*/
|
repeatItems: 10000,
|
/**
|
@name Edo.controls.CheckGroup#itemWidth
|
@property
|
@default auto
|
@description 选择项宽度
|
*/
|
itemWidth: 'auto',
|
/**
|
@name Edo.controls.CheckGroup#itemHeight
|
@property
|
@default auto
|
@description 选择项高度
|
*/
|
itemHeight: 'auto',
|
/**
|
@name Edo.controls.CheckGroup#cellPadding
|
@property
|
@type Number
|
@default 0
|
@description 选择项内边距
|
*/
|
cellPadding: 0,
|
/**
|
@name Edo.controls.CheckGroup#cellSpacing
|
@property
|
@type Number
|
@default 2
|
@description 选择项外边距
|
*/
|
cellSpacing: 2,
|
|
tpl: '<%=this.createView();%>',
|
|
itemStyle: 'padding-right:3px;',
|
itemRenderer: function(){
|
|
},
|
createView: function(){
|
var data = this.data;
|
if(!data || data.getCount() == 0) return '';
|
data = this.data.view;
|
if(this.repeatLayout == 'table'){
|
data = this.createTableData(data);
|
var sb = ['<table cellpadding="'+this.cellPadding+'" cellspacing="'+this.cellSpacing+'">'];
|
for(var i=0,l=data.length; i<l; i++){
|
var r = data[i];
|
sb[sb.length] = '<tr>';
|
for(var j=0,k=r.length; j<k; j++){
|
var o = r[j];
|
sb[sb.length] = '<td style="vertical-align:top;">';
|
sb[sb.length] = this.getItemHtml(o);
|
sb[sb.length] = '</td>';
|
|
}
|
sb[sb.length] = '</tr>';
|
}
|
sb[sb.length] = '</table>';
|
return sb.join('');
|
}else{
|
var sb = [];
|
for(var i=0,l=data.length; i<l; i++){
|
var o = data[i];
|
sb[sb.length] = this.getItemHtml(o, 'float:left');
|
}
|
return sb.join('');
|
}
|
},
|
createTableData: function(data){
|
var view = [];
|
|
for(var i=0,l=data.length; i<l; i++){
|
var o = data[i];
|
|
var index = parseInt(i / this.repeatItems);
|
if(this.repeatDirection == 'vertical'){
|
index = i % this.repeatItems;
|
|
}
|
var r = view[index];
|
if(!r) {
|
r = [];
|
view.add(r);
|
}
|
r.add(o);
|
}
|
return view;
|
},
|
getItemHtml: function(o, style){
|
var s = '<div id='+this.createItemId(o)+' class="'+this.itemCls+' '+(o.enable === false ? 'e-disabled' : '')+'" style="float:left;'+style+';'+this.itemStyle+';width:'+this.itemWidth+'">'+o[this.displayField]+'</div>';
|
return s;
|
}
|
});
|
Edo.controls.CheckGroup.regType('checkgroup');
|
