74 lines
1.7 KiB
JavaScript
74 lines
1.7 KiB
JavaScript
|
Ox.FormElementGroup = function(options, self) {
|
||
|
|
|
||
|
|
var self = self || {},
|
||
|
|
that = new Ox.Element('div', self)
|
||
|
|
.defaults({
|
||
|
|
id: '',
|
||
|
|
elements: [],
|
||
|
|
float: 'left',
|
||
|
|
separators: [],
|
||
|
|
width: 0
|
||
|
|
})
|
||
|
|
.options(options || {})
|
||
|
|
.addClass('OxInputGroup');
|
||
|
|
|
||
|
|
(
|
||
|
|
self.options.float == 'left' ?
|
||
|
|
self.options.elements : self.options.elements.reverse()
|
||
|
|
).forEach(function($element, i) {
|
||
|
|
$element.css({
|
||
|
|
float: self.options.float // fixme: make this a class
|
||
|
|
})
|
||
|
|
.bindEvent({
|
||
|
|
validate: function(event, data) {
|
||
|
|
that.triggerEvent({
|
||
|
|
validate: data
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.appendTo(that);
|
||
|
|
});
|
||
|
|
|
||
|
|
/*
|
||
|
|
if (self.options.width) {
|
||
|
|
setWidths();
|
||
|
|
} else {
|
||
|
|
self.options.width = getWidth();
|
||
|
|
}
|
||
|
|
that.css({
|
||
|
|
width: self.options.width + 'px'
|
||
|
|
});
|
||
|
|
*/
|
||
|
|
|
||
|
|
function getWidth() {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function setWidth() {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
self.onChange = function(key, value) {
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
that.replaceElement = function(pos, element) {
|
||
|
|
Ox.print('Ox.FormElementGroup replaceElement', pos, element)
|
||
|
|
self.options.elements[pos].replaceWith(element.$element);
|
||
|
|
self.options.elements[pos] = element;
|
||
|
|
};
|
||
|
|
|
||
|
|
that.value = function() {
|
||
|
|
return $.map(self.options.elements, function(element) {
|
||
|
|
var ret = null;
|
||
|
|
['checked', 'selected', 'value'].forEach(function(v) {
|
||
|
|
element[v] && (ret = element[v]());
|
||
|
|
});
|
||
|
|
return ret;
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
return that;
|
||
|
|
|
||
|
|
};
|