Add parser to the expression builder with functuion support

Author: magicops

demo/index.js

@@ -0,0 +1,75 @@
+
+let funcs = {
+  Add: function (x, y) {
+    return x + y;
+  },
+  Sub: function(x, y) {
+    return x - y;
+  },
+  Substr: function (str, from) {
+    if (!str)
+      throw new Error("In the 'Substr' function the first parameter is not defined!");
+
+    if (typeof str !== "string")
+      throw new Error("The 'Substr' function accepts a string for the first parameter which is not a string!");
+
+    return str.substr(from);
+  },
+  majid: function () {
+    return "majid";
+  },
+  test: function (x) {
+    return x * 2;
+  }
+};
+
+
+$(function () {
+  expressionBuilder2('#txt', {
+    funcs: funcs,
+    variables: [
+      {
+        variableId: 1,
+        name: 'Age'
+      },
+      {
+        variableId: 2,
+        name: 'Gender'
+      },
+      {
+        variableId: 3,
+        name: '1TEST'
+      }
+    ]
+  });
+  expressionBuilder2('#txt2', {
+    variables: [
+      {
+        variableId: 1,
+        name: 'FirstName'
+      },
+      {
+        variableId: 2,
+        name: 'LastName'
+      }
+    ],
+    suggestions: "up",
+    expression: "[2] + 35"
+  });
+
+  $('#txt').keypress(function () {
+    setTimeout(function () {
+      let txtExp = expressionBuilder2('#txt');
+      let exp = txtExp.getExpression();
+      $('.res-1-1').html("Expression: " + exp);
+
+      let input = txtExp.getInput();
+      $('.res-1-2').html("Input: " + input);
+    }, 100);
+  });
+
+  $('#btn-1-2').click(function () {
+    let txtExp = expressionBuilder2('#txt2');
+    txtExp.setExpression($('#txt-1-2').val());
+  });
+});

demo/index.js.map

@@ -19,23 +19,24 @@
   <script src="script.js"></script>
   <script>
     function main() {
+
+      var data = {
+        "1name_2": "Majid Akbari",
+        x: 6
+      };
+
+
       let p = parser($('#formula').val());
 
-      let v = p.validate();
+      let v = p.validate(data);
 
       if (v != "") {
         document.getElementById('result').innerHTML = v;
         return;
       }
 
-
       let tree = p.getExpressionTree();
 
-      var data = {
-        "name_2": "Majid Akbari",
-        x: 6
-      };
-
       let result = p.runExpressionTree(data);
       document.getElementById('result').innerHTML = $('#formula').val() + " = " + result + "<br />" + tree.toString();
       //console.log(JSON.stringify(tree, null, 2));