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

@@ -3,17 +3,14 @@
     <v-card>
       <v-card-title>
         <v-select
-          :items="[
-            { name: 'one', id: 1 },
-            { name: 'two', id: 2 }
-          ]"
+          :items="pickLists.listViews"
           item-text="name"
           item-value="id"
           :label="lt('DataListView')"
         >
         </v-select>
         <v-spacer></v-spacer
-        ><v-btn>
+        ><v-btn @click="editListView">
           <v-icon>fa-filter</v-icon>
         </v-btn>
       </v-card-title>
@@ -295,6 +292,10 @@ export default {
     return {
       loading: true,
       dataTablePagingOptions: {},
+      listViewId: 0,
+      pickLists: {
+        listViews: []
+      },
       headers: [],
       serverColumns: [],
       totalRecords: 0,
@@ -366,7 +367,7 @@ export default {
       this.$router.push({
         name: "ay-data-list-view",
         params: {
-          listViewId: this.currentListViewId,
+          listViewId: this.listViewId,
           dataListKey: this.dataListKey
         }
       });

ayanova/src/views/ay-data-list-view.vue

@@ -22,7 +22,7 @@
       {{ tempTemplate }}
     </div>
     <v-divider></v-divider> -->
-    key:{{ dataListKey }}, id: {{ recordid }}
+    key:{{ dataListKey }}, id: {{ listViewId }}
     <v-row v-if="this.formState.ready">
       <v-col>
         <v-form ref="form">
@@ -43,7 +43,7 @@
           <v-row>
             <v-col cols="12" sm="6" lg="4" xl="3">
               <v-select
-                v-model="recordid"
+                v-model="listViewId"
                 :items="pickLists.availableDataListViews"
                 item-text="name"
                 item-value="id"