Changeset 384 for Dev/branches/rest-dojo-ui/client/rft/ui/MultipleChoiceListView.js

Timestamp:

07/29/12 00:03:52 (13 years ago)

Author:

hendrikvanantwerpen

Message:

• Cleanup of the differen ListViews?, List & OrderedList?. Based QuestionListView? on these base classes as well. Removed duplicate code.
• Destroy busy indicator of TabbedQuestionBrowser? (because it's placed outside of the widgets DOM tree, this is not done automatically).
• Use dojo/date/stamp module for uniform and parsable date formatting.
• Added docs/ directory for database format documentation etc.

File:

• Dev/branches/rest-dojo-ui/client/rft/ui/MultipleChoiceListView.js (modified) (1 diff)

Dev/branches/rest-dojo-ui/client/rft/ui/MultipleChoiceListView.js

@@ -2 +2 @@
     'dojo/_base/declare',
     'dojo/_base/lang',
-    'dijit/_WidgetBase',
-    'dijit/_TemplatedMixin',
-    'dijit/_WidgetsInTemplateMixin',
-    'dijit/_Container',
+    'dojo/dom-construct',
     'rft/ui/LineWithActionsWidget',
-    'rft/ui/OrderedList',
-    'dojo/text!./templates/AccountListView.html'
+    'rft/ui/OrderedList'
     ],function(
         declare,
         lang,
-        _WidgetBase,
-        _TemplatedMixin,
-        _WidgetsInTemplateMixin,
-        _Container,
+        domConstruct,
         LineWithActionsWidget,
-        OrderedList,
-        templateString
+        OrderedList
         ) {
-        return declare('rft.ui.MultipleChoiceListView',[OrderedList,_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
-            templateString: templateString,
+        return declare('rft.ui.MultipleChoiceListView',[OrderedList],{
             baseClass: 'rftMultipleChoiceListView',
-            region: 'center',
+            type: 'multipleChoiceOption',
 
-            creatorMethod: function(item, hint) {
-                var node;
-
-                if (hint == "avatar") {
-                    node = document.createElement("div");
-                    node.className = "dragAvatar";
-                    node.innerHTML = item.title;
-                } else {
-                    var w = new LineWithActionsWidget({
-                        title: item.title,
-                        'class': "orange",
-                        actions: {
-                            "Remove" : {
-                                callback: lang.hitch(this, function() {
-                                    this.removeItem(item, w);
-                                }),
-                                properties: {
-                                    blockButton: false,
-                                    icon: "Delete",
-                                    modifiers: "white"
-                                }
+            _createAvatarNode: function(item){
+                return domConstruct.create("div",{
+                    'class': 'dragAvatar',
+                    innerHTML: item.title
+                });
+            },
+            _createListNode: function(item) {
+                var w = new LineWithActionsWidget({
+                    title: item.title,
+                    'class': "orange",
+                    actions: {
+                        "Remove" : {
+                                                callback: lang.hitch(this, 'removeItem', item),
+                            properties: {
+                                blockButton: false,
+                                icon: "Delete",
+                                modifiers: "white"
                             }
                         }
-                    });
-                    w.startup();
-                    node = w.domNode;
-                }
-                var fullItem = {
-                    node: node,
-                    data: item,
-                    type: "ListViewItem"
-                };
-                return fullItem;
+                    }
+                });
+                w.startup();
+                return w.domNode;
             }
         });
-});
+    });