@syncfusion/ej2-querybuilder 20.2.43 → 20.2.48

package/dist/es6/ej2-querybuilder.es5.js

@@ -548,7 +548,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             ruleListElem.appendChild(ruleElem);
             this.ruleIdCounter++;
         }
-        if (column && column.ruleTemplate && type !== "insertRule") {
+        if (column && column.ruleTemplate && rule) {
             args = { requestType: 'template-initialize', ruleID: ruleElem.id, action: action, fields: this.fields, rule: rule };
             this.trigger('actionBegin', args);
             this.ruleTemplateFn = this.templateParser(column.ruleTemplate);
@@ -580,7 +580,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             elem = this.ruleElem.querySelector('.e-rule-field').cloneNode(true);
         }
         ruleElem.appendChild(elem);
-        if (column && column.ruleTemplate && type !== "insertRule") {
+        if (column && column.ruleTemplate && rule) {
             this.renderReactTemplates();
         }
         return ruleElem;
@@ -610,7 +610,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var ruleElem;
         var newRule = { 'label': '', 'field': '', 'type': '', 'operator': '' };
         if (!args.cancel) {
-            if (column && column.ruleTemplate && args.type !== "insertRule") {
+            if (column && column.ruleTemplate && rule.field) {
                 this.selectedColumn = column;
                 operators = this.selectedColumn.operators;
                 newRule = { 'label': column.label, 'field': column.field, 'type': column.type, 'operator': operators[0].value };
@@ -621,9 +621,6 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 this.trigger('actionBegin', args_1);
             }
             else {
-                if (column && column.ruleTemplate) {
-                    act = args.type;
-                }
                 ruleElem = this.appendRuleElem(trgt, column, act, pId, 'field');
                 ruleElem.querySelector('.e-filter-input').setAttribute('id', ruleElem.id + '_filterkey');
                 var element = ruleElem.querySelector('button');
@@ -661,7 +658,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             if (!this.isImportRules) {
                 this.updateAddedRule(trgt, rule, newRule, isRlTmp, pId);
             }
-            if (!column || (column && !column.ruleTemplate) || (column && (column.ruleTemplate && args.type == "insertRule"))) {
+            if (!column || (column && !column.ruleTemplate) || !rule.field) {
                 if (this.fieldMode === 'Default') {
                     var ddlField = void 0;
                     var ddlValue = this.isImportRules ? this.GetRootColumnName(rule.field) : rule.field;
@@ -1168,6 +1165,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     };
     QueryBuilder.prototype.templateChange = function (element, value, type) {
         var grpElem = closest(element, '.e-group-container');
+        var eventsArgs;
         var rules = this.getParentGroup(grpElem);
         var ruleElem = closest(element, '.e-rule-container');
         var index = 0;
@@ -1244,7 +1242,10 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 }
                 var args = { requestType: 'template-create', action: type, ruleID: grpEle.id,
                     fields: this.fields, rule: rule };
+                eventsArgs = { groupID: grpElem.id.replace(this.element.id + '_', ''), ruleID: grpEle.id.replace(this.element.id + '_', ''),
+                    value: rule.field, type: 'field' };
                 this.trigger('actionBegin', args);
+                this.trigger('change', eventsArgs);
             }
         }
     };
@@ -4825,8 +4826,14 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                             rule.type = 'string';
                         }
                         else if (operator.indexOf('between') > -1 && parser[j - 1][0] === 'Conditions') {
-                            rule.value = numVal;
-                            rule.type = 'number';
+                            if (strVal.length !== 0) {
+                                rule.value = strVal;
+                                rule.type = 'string';
+                            }
+                            else {
+                                rule.value = numVal;
+                                rule.type = 'number';
+                            }
                         }
                         numVal = [];
                         strVal = [];