ayanova/src/components/gz-data-table.vue

@@ -3,10 +3,12 @@
     <v-card>
       <v-card-title>
         <v-select
+          v-model="listViewId"
           :items="pickLists.listViews"
           item-text="name"
           item-value="id"
           :label="lt('DataListView')"
+          @change="listViewChanged"
         >
         </v-select>
         <v-spacer></v-spacer
@@ -69,7 +71,7 @@
                     <!-- TEXT (also maybe openable)-->
                     <template v-if="c.i">
                       <!-- openable object with an ID -->
-                      <v-btn depressed small @click="btnClick(c.key, c.i)">{{
+                      <v-btn depressed small @click="gridCellButtonClick(c.key, c.i)">{{
                         c.v
                       }}</v-btn>
                     </template>
@@ -214,7 +216,7 @@
                             <template v-if="c.i">
                               <!-- openable object with an ID -->
                               <span
-                                @click="btnClick(c.key, c.i)"
+                                @click="gridCellButtonClick(c.key, c.i)"
                                 class="primary--text subtitle-1 font-weight-bold"
                                 style="cursor:pointer"
                                 >{{ c.v }}
@@ -373,7 +375,10 @@ export default {
       });
     },
 
-    btnClick(key, i) {
+    listViewChanged: function() {
+      alert("STUB:ListView Changed: " + this.listViewId);
+    },
+    gridCellButtonClick(key, i) {
       //translate key to actual object type from header data
       //key format is row-column e.g."500-2"
       //get the datatype of the column which matches the server columns array index
@@ -457,34 +462,23 @@ export default {
     //get pick lists
     var vm = this;
 
-    initForm(vm)
-      .then(() => {
-        //  path: "/ay-data-list-view/:listViewId/:dataListKey",
+    initForm(vm).then(() => {
+      //  path: "/ay-data-list-view/:listViewId/:dataListKey",
 
-        //rehydrate last form settings
-        var formSettings = window.$gz.form.getFormSettings(this.formKey);
-        if (formSettings.saved && formSettings.saved.itemsPerPage) {
-          this.dataTablePagingOptions.itemsPerPage =
-            formSettings.saved.itemsPerPage;
-        }
-        if (formSettings.temp && formSettings.temp.page) {
-          this.dataTablePagingOptions.page = formSettings.temp.page;
-        }
+      //rehydrate last form settings
+      var formSettings = window.$gz.form.getFormSettings(this.formKey);
+      if (formSettings.saved && formSettings.saved.itemsPerPage) {
+        this.dataTablePagingOptions.itemsPerPage =
+          formSettings.saved.itemsPerPage;
+      }
+      if (formSettings.temp && formSettings.temp.page) {
+        this.dataTablePagingOptions.page = formSettings.temp.page;
+      }
 
-        vm.formState.ready = true;
-        vm.dataListKey = this.$route.params.dataListKey;
-        vm.listViewId = this.$route.params.listViewId;
-        window.$gz.eventBus.$on("menu-click", clickHandler);
-        //NOTE: this would normally be in getDataFromAPI but this form doesn't really need that function so doing it here
-        //modify the menu as necessary
-        generateMenu(this, false); //default is never read only and passing in this vm
-        //init disable save button so it can be enabled only on edit to show dirty form
-        window.$gz.eventBus.$emit("menu-disable-item", FORM_KEY + ":save");
-      })
-      .catch(err => {
-        vm.formState.ready = true;
-        window.$gz.errorHandler.handleFormError(err);
-      });
+      // vm.formState.ready = true;
+      // vm.dataListKey = this.$route.params.dataListKey;
+      // vm.listViewId = this.$route.params.listViewId;
+    });
   }
 };
 
@@ -644,7 +638,6 @@ async function fetchEnums(columnData) {
   }
 }
 
-
 /////////////////////////////////
 //
 //