allow setting an initial query

marksalmon · Oct 18, 2016 · 91516f3 · 91516f3
1 parent b00a879
commit 91516f3
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 7 deletions.
diff --git a/dev/App.vue b/dev/App.vue
@@ -10,6 +10,7 @@
         :rules="rules"
         :maxDepth="3"
         :labels="labels"
+        :initialQuery="initialQuery"
         @queryUpdated="queryUpdated"
         ></vue-query-builder>
 
@@ -36,6 +37,20 @@
 
     data () {
       return {
+        initialQuery: {
+          "logicalOperator": "Any",
+          "children": [
+            {
+              "type": "query-builder-rule",
+              "query": {
+                "rule": "first-name",
+                "selectedOperator": "equals",
+                "selectedOperand": "First Name",
+                "value": "John"
+              }
+            },
+          ]
+        },
         query: null,
         labels: {
           removeRule: "<span class='glyphicon glyphicon-remove'></span>",
@@ -47,6 +62,11 @@
             id: "a-text-field",
             label: "A Text Field",
           },
+          {
+            type: "text",
+            id: "first-name",
+            label: "First Name",
+          },
           {
             type: "numeric",
             id: "a-numeric-field",

diff --git a/dev/bundle.js b/dev/bundle.js
diff --git a/dev/bundle.js.map b/dev/bundle.js.map
diff --git a/dist/vue-query-builder.js b/dist/vue-query-builder.js
diff --git a/src/VueQueryBuilder.vue b/src/VueQueryBuilder.vue
@@ -53,7 +53,8 @@ export default {
       validator: function (value) {
         return value >= 1
       }
-    }
+    },
+    initialQuery: Object
   },
 
   data () {
@@ -126,6 +127,10 @@ export default {
       }, {
       deep: true
     });
+
+    if ( typeof this.$options.propsData.initialQuery !== "undefined" ) {
+      this.query = deepClone(this.$options.propsData.initialQuery);
+    }
   }
 }
 </script>