ayanova/src/views/inventory-widget-edit.vue

@@ -14,7 +14,7 @@
             >            
              {{someerror}}
             </v-alert>
-          </v-flex>           -->
+          </v-flex>-->
           <v-flex xs12 mt-1 mb-2>
             <v-alert
               ref="errorbox"
@@ -25,8 +25,7 @@
               transition="scale-transition"
               class="multi-line"
               outline
-            >{{this.$gzv.ErrorBoxErrors(this)}}
-            </v-alert>
+            >{{this.$gzv.ErrorBoxErrors(this)}}</v-alert>
           </v-flex>
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-text-field
@@ -36,6 +35,7 @@
               :rules="[this.$gzv.Max255(this,'name')]"
               :error-messages="this.$gzv.ServerErrors(this,'name')"
               ref="name"
+              @change="test('name')"
             ></v-text-field>
           </v-flex>
           <v-flex xs12 sm6 lg4 xl3 px-2>
@@ -46,6 +46,7 @@
               :rules="[this.$gzv.MaxLength(this,'serial',10)]"
               :error-messages="this.$gzv.ServerErrors(this,'count')"
               ref="serial"
+              @change="test('serial')"
             ></v-text-field>
           </v-flex>
           <v-flex xs12 sm6 lg4 xl3 px-2>
@@ -57,6 +58,7 @@
               :rules="[this.$gzv.Integer(this,'count'),this.$gzv.Required(this,'count')]"
               :error-messages="this.$gzv.ServerErrors(this,'count')"
               required
+              @change="test('count')"
             ></v-text-field>
           </v-flex>
 
@@ -69,6 +71,7 @@
               required
               :rules="[this.$gzv.Decimal(this,'dollarAmount'),this.$gzv.Required(this,'dollarAmount')]"
               :error-messages="this.$gzv.ServerErrors(this,'dollarAmount')"
+              @change="test('dollarAmount')"
             ></v-text-field>
           </v-flex>
 
@@ -78,6 +81,7 @@
               v-model="obj.startDate"
               ref="startDate"
               :error-messages="this.$gzv.ServerErrors(this,'startDate')"
+              @change="test('startDate')"
             ></gz-date-time-picker>
           </v-flex>
 
@@ -88,6 +92,7 @@
               :error-messages="this.$gzv.ServerErrors(this,'endDate')"
               v-model="obj.endDate"
               ref="endDate"
+              @change="test('endDate')"
             ></gz-date-time-picker>
           </v-flex>
           <v-flex xs12 sm6 lg4 xl3 px-2>
@@ -97,6 +102,7 @@
               ref="active"
               :error-messages="this.$gzv.ServerErrors(this,'active')"
               required
+              @change="test('active')"
             ></v-checkbox>
           </v-flex>
           <v-flex xs12 sm6 lg4 xl3 px-2>
@@ -107,6 +113,7 @@
               :rules="[this.$gzv.Integer(this,'roles'),this.$gzv.Required(this,'roles')]"
               :error-messages="this.$gzv.ServerErrors(this,'roles')"
               required
+              @change="test('roles')"
             ></v-text-field>
           </v-flex>
         </v-layout>
@@ -177,10 +184,15 @@ export default {
       obj: {},
       serverError: {},
       formReady: false,
-      someerror: "blah blahv <br/> blah blah" + "\n test line 3" + "\r\n Test line 4"
+      someerror:
+        "blah blahv <br/> blah blah" + "\n test line 3" + "\r\n Test line 4"
     };
-  },
-  methods: {
+  }, 
+  methods: {  
+    test(ref){
+      //debugger;
+      console.log("CHANGE - " + ref);
+    } ,
     getDataFromApi() {
       var url = "Widget/" + this.$route.params.id;
       this.$gzapi.get(url).then(res => {