Changeset 511 for Dev/trunk/src/client/qed-client/model/widgets/questions/MultipleChoiceInputWidget.js

Timestamp:

03/13/14 00:44:08 (11 years ago)

Author:

hendrikvanantwerpen

Message:

• Added open item options to singe and multiple choice.
• Question view widgets are forms again, because we needed the control.
• Multiple and singel choice share their widgets.
• QuestionEditorPreview? now has items that were already there close, but opens newly dropped items.
• PreviewItems? will save modified value even when we change to view before the widget loses its focus (which causes a change event).

File:

• Dev/trunk/src/client/qed-client/model/widgets/questions/MultipleChoiceInputWidget.js (modified) (2 diffs)

Dev/trunk/src/client/qed-client/model/widgets/questions/MultipleChoiceInputWidget.js

@@ -1 +1 @@
 define([
-    "dijit/_Container",
-    "dijit/_TemplatedMixin",
-    "dijit/_WidgetBase",
-    "dijit/_WidgetsInTemplateMixin",
+    "../../../widgets/_ComplexValueWidget",
     "dijit/form/CheckBox",
+    "dijit/form/RadioButton",
+    "dijit/form/TextBox",
     "dojo/_base/array",
     "dojo/_base/declare",
+    "dojo/_base/lang",
     "dojo/dom-construct",
     "dojo/text!./templates/MultipleChoiceInputWidget.html"
-], function(_Container, _TemplatedMixin, _WidgetBase, _WidgetsInTemplateMixin, CheckBox, array, declare, domConstruct, template) {
-    return declare([_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
+], function(_ComplexValueWidget, CheckBox, RadioButton, TextBox, array, declare, lang, domConstruct, template) {
+    return declare([_ComplexValueWidget],{
         templateString: template,
+        baseClass: 'qedMultipleChoiceWidget',
+        allowMultiple: false,
         startup: function() {
             if ( this._started ) { return; }
             this.inherited(arguments);
 
+            var Ctor = this.allowMultiple ? CheckBox : RadioButton;
+
+            var input;
             domConstruct.empty(this.domNode);
             array.forEach(this.items, function(item){
                 var div = domConstruct.create("div", {
                 }, this.domNode, "last");
-                var input = new CheckBox({
-                    name: this.code + item.subcode,
-                    value: 1
+                input = new Ctor({
+                    name: this.code + (this.allowMultiple?item.subcode:this.subcode),
+                    value: this.allowMultiple ? 1 : item.value
                 }).placeAt(div);
                 var label = domConstruct.create("label",{
@@ -29 +34 @@
                 }, div);
             }, this);
+            
+            if ( this.lastItemIsOpen && input ) {
+                this.lastItem = input;
+                var openItemDiv = domConstruct.create("div", {
+                }, this.domNode, "last");
+                this.openItemTextBox = new TextBox({
+                    name: this.code + this.lastItemIsOpen.subcode,
+                    disabled: true,
+                    readOnly: true,
+                    'class': 'openItem'
+                });
+                this.openItemTextBox.placeAt(openItemDiv);
+                this.own(this.lastItem.on(
+                    'change',lang.hitch(this,'_handleOpenItemChange')));
+            }
+        },
+        _setDisabledAttr: function() {
+            this.inherited(arguments);
+            this._handleOpenItemChange();
+        },
+        _setReadOnlyAttr: function() {
+            this.inherited(arguments);
+            this._handleOpenItemChange();
+        },
+        _handleOpenItemChange: function() {
+            if ( this.lastItem ) {
+                var value = this.allowMultiple ?
+                            this.lastItem.get('value') :
+                            this.lastItem.get('value')[0];
+                var enabled = !(this.readOnly || this.disabled) && value;
+                this.openItemTextBox.set('disabled',!enabled);
+                this.openItemTextBox.set('readOnly',!enabled);
+            }
         }
     });