oxjs/source/js/Ox.FormElementGroup.js

// vim: et:ts=4:sw=4:sts=4:ft=js
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;

};