#282 Covid.view.HeaderContainer: country selectField with data

Author: tobiu

apps/covid/view/HeaderContainer.mjs

@@ -1,4 +1,6 @@
-import {default as Container} from '../../../src/container/Base.mjs';
+import {default as Container}   from '../../../src/container/Base.mjs';
+import CountryStore             from '../store/Countries.mjs';
+import {default as SelectField} from '../../../src/form/field/Select.mjs';
 
 /**
  * @class Covid.view.HeaderContainer
@@ -32,12 +34,23 @@ class HeaderContainer extends Container {
             html : 'COVID-19 neo.mjs App',
             style: {padding: '20px'},
             width: 210
+        }, {
+            module       : SelectField,
+            displayField : 'country',
+            flex         : 'none',
+            height       : 25,
+            labelPosition: 'inline',
+            labelText    : 'Select a Country',
+            reference    : 'country-field',
+            store        : CountryStore,
+            style        : {marginTop: '15px'},
+            width        : 150
         }, {
             ntype  : 'button',
             flex   : 'none',
             handler: 'onSwitchThemeButtonClick',
             height : 25,
-            style  : {marginTop: '15px'},
+            style  : {marginLeft: '10px', marginTop: '15px'},
             text   : 'Theme Light'
         }, {
             reference: 'summary-table',

apps/covid/view/MainContainerController.mjs

@@ -74,6 +74,8 @@ class MainContainerController extends ComponentController {
 
         me.data = data;
 
+        me.getReference('country-field').store.data = data;
+
         switch(me.activeMainTabIndex) {
             case 0:
                 me.getReference('table').store.data = data;

src/form/field/Picker.mjs

@@ -259,7 +259,7 @@ class Picker extends Text {
      * @param {Object} data
      * @private
      */
-    onKeyDownEscape() {
+    onKeyDownEscape(data) {
         if (this.pickerIsMounted) {
             this.hidePicker();
         }