Cannot input negative numbers in query builder columns

[Ronak]

Hello,

I am using the Vue query builder https://ej2.syncfusion.com/vue/documentation/query-builder/getting-started/ and I am using the input type number for my columns input but this doesn't allow me to add the negative numbers

How to allow the negative numbers input ?

[Sangeetha Priya Murugan]

Hi Ronak, 

 

Thank you for contacting Syncfusion support. 

 

We have checked your reported requirement and it can be achievable in our QueryBuilder by setting the null value for numeric text box min value in created and change events as like in the below code example. 

 

Code example: 

 

onQrybldrCreated: function () { 

      this.bindEvent(); 

    }, 

 

    bindEvent: function () { 

      let ddlColl = document.querySelectorAll(".e-numerictextbox"); 

      for (let i = 0; i < ddlColl.length; i++) { 

        let ddl = getComponent(ddlColl[i], "numerictextbox"); 

        ddl.min = null; 

      } 

    }, 

    onChange: function (args) { 

      if (args.type !== "deleteRule") this.bindEvent(); 

    }, 

  }, 

 

 

<ejs-querybuilder 

      id="querybuilder" 

      :dataSource="dataSource" 

      ref="querybuilder" 

      :rule="importRules" 

      width="70%" 

      :created="onQrybldrCreated" 

      :change="onChange" 

    > 

    </ejs-querybuilder> 

 

 

 

Sample Link: https://codesandbox.io/s/vue-template-forked-kl6ni?file=/src/App.vue 

 

Please check the above sample and get back to us if you need further assistance. 

 

Regards, 

Sangeetha M 

 

[Ronak]

Hello Sangeetha,

Thank you for the solution. Glad its working!

Best,

Ronak

[Sangeetha Priya Murugan]

Hi Ronak, 

 

Thank you for your update. 

We are happy to hear you. Please feel free to contact us, if you need any further assistance on this. 

  

Regards, 

Sangeetha M