source: Dev/trunk/src/client/qed-client/widgets/_ComplexValueMixin.js @ 511

define([
    "dijit/_Container",
    "dijit/form/_FormMixin",
    "dijit/registry",
    "dojo/_base/array",
    "dojo/_base/declare",
    "dojo/_base/event",
    "dojo/_base/lang",
    "dojo/on"
], function(_Container, _FormMixin, registry, array, declare, event, lang, on) {
    return declare([_Container, _FormMixin], {
        name: "",
        value: null,
        disabled: false,
        readOnly: false,
        _onChangeActive: false,
        _onChangeHandle: null,
        constructor: function() {
            this._listenerMap = {};
        },
        buildRendering: function() {
            // capture child change events
            this.inherited(arguments);
            this.own(on(this.domNode,'change',
                        lang.hitch(this,'_handleChange')));
        },
        create: function() {
            this.inherited(arguments);
            this._onChangeActive = true;
        },
        postCreate: function() {
            this.inherited(arguments);
            if ( this.domNode.tagName.toLowerCase() !== "form" ) {
                console.warn("Not scoping a _ComplexValueMixin in a form element can cause name clashes. E.g. radio buttons might stop working correctly. It is recommended to use <form> as the root element in your template for", this.declaredClass);
            }
            this.own(on(this.domNode, 'submit', lang.hitch(this,'_handleSubmit')));
        },
        startup: function() {
            if (this._started) { return; }
            this.inherited(arguments);
        },
        _setDisabledAttr: function(value) {
            this._set("disabled", value);
            array.forEach(this._getDescendantFormWidgets(), function(child) {
                child.set("disabled", value);
            });
        },
        // Yuk, this function is taken directly from _FromMixin only
        // to add the priorityChange parameter
        _getValueAttr: function() {
            this.value = this.inherited(arguments);
            return this.value;
        },
                _setValueAttr: function(obj, priorityChange) {
            this.value = obj;

                        var map = { };
                        array.forEach(this._getDescendantFormWidgets(), function(widget){
                                if(!widget.name){ return; }
                                var entry = map[widget.name] || (map[widget.name] = [] );
                                entry.push(widget);
                        });

                        for(var name in map){
                                if (map.hasOwnProperty(name)) {
                    var widgets = map[name],
                        values = lang.getObject(name, false, obj);

                    if (values === undefined) {
                        continue;
                    }
                    values = [].concat(values);
                    if (typeof widgets[0].checked === 'boolean') {
                        array.forEach(widgets, function(w){
                            w.set('value', array.indexOf(values, w._get('value')) !== -1, priorityChange);
                        });
                    } else if (widgets[0].multiple) {
                        widgets[0].set('value', values, priorityChange);
                    } else {
                        array.forEach(widgets, function(w, i){
                            w.set('value', values[i], priorityChange);
                        });
                    }
                                }
                        }
                },
        _setReadOnlyAttr: function(value) {
            this._set("readOnly", value);
            array.forEach(this._getDescendantFormWidgets(), function(child) {
                child.set("readOnly", value);
            });
        },
        focus: function() {
            /*var children = this._getDescendantFormWidgets();
            if ( children.length > 0 ) {
                children[0].focus();
            }*/
        },
        _handleChange: function(evt) {
            if ( evt.target !== this.domNode ) {
                this._onChange();
                if ( evt ) { event.stop(evt); }
                return false;
            } else {
                return evt;
            }
        },
        _handleSubmit: function(evt) {
            var node = this.domNode;
            var widget;
            while ( node ) {
                node = node.parentNode;
                widget = registry.byNode(node);
                if ( widget && typeof widget._onSubmit === "function" ) {
                    widget._onSubmit(evt);
                    break;
                }
            }
            if (evt) { event.stop(evt); }
            return false;
        },
        _onChange: function() {
            if ( this._onChangeActive &&
                 !(this.readOnly || this.disabled) ) {
                if ( this._onChangeHandle ) {
                    this._onChangeHandle.cancel();
                }
                this._onChangeHandle = this.defer(function(){
                    this._onChangeHandle = null;
                    on.emit(this.domNode,'change',{
                        target: this.domNode,
                        value: this.get('value'),
                        bubbles: true,
                        cancellable: true
                    });
                });
            }
        }
    });
});