Changeset 367 for Dev/branches/rest-dojo-ui/client/rft/pages/session.js

Timestamp:

07/19/12 14:23:21 (13 years ago)

Author:

jkraaijeveld

Message:

Session page now has support for autocompletion (currently works on question titles but can change it easily if we introduce users).

• Created own ElasticFilteringSelect? and ElasticReadStore? to realize this. They are currently in a folder 'elastic' but can be moved to clean up if necessary.

File:

• Dev/branches/rest-dojo-ui/client/rft/pages/session.js (modified) (6 diffs)

Dev/branches/rest-dojo-ui/client/rft/pages/session.js

@@ -3 +3 @@
         'dojo/_base/event',
         'dojo/_base/Deferred',
-    'dijit/form/FilteringSelect',
+    'rft/elastic/ElasticSearchFilteringSelect',
     'rft/elastic/ElasticReadStore',
         'rft/store',
@@ -10 +10 @@
     'rft/ui/AccountListView'
     ],
-        function(declare,lang,event,Deferred,FilteringSelect,ElasticReadStore,store,_Page,content,AccountListView){
+        function(declare,lang,event,Deferred,ElasticSearchFilteringSelect,ElasticReadStore,store,_Page,content,AccountListView){
                 return declare('rft.pages.session',[_Page],{
                         session: null,
-                        listView: null,
+                        _listView: null,
+            _select: null,
                         onVisit: function() {
                                 if ( this.pageArgs.uid ) {
@@ -35 +36 @@
             },
             onInvite: function() {
-                this._addAccount({ title : this.accountBox.get('value') });
-                this.accountBox.set('value', "");
+                this._addAccount({ title : this._select.displayedValue });
+                this._select.reset();
             },
             onSave: function(evt) {
@@ -54 +55 @@
             },
             _addAccount: function(item) {
-                this.listView.insertItem(item);
+                this._listView.insertItem(item);
             },
             _setupListView: function() {
-                this.listView = new AccountListView( {
+                this._listView = new AccountListView( {
                     controller: this
                 }).placeAt(this.listViewNode);
-                this.listView.startup();
+                this._listView.startup();
             },
             _setupAutoComplete: function() {
@@ -68 +69 @@
                     requestMethod: "POST"
                 });
-                var accountText = new FilteringSelect({
+                this._select = new ElasticSearchFilteringSelect({
                     name: "accountBox",
                     store: accountStore,
                     autoComplete: false,
-                    required: true,
+                    required: false,
                     labelType: "text",
                     placeHolder: "Enter email address here...",
@@ -81 +82 @@
                     id: "accountText"
                 }, "accountBox");
-                accountText.startup();
+                this._select.startup();
             }