Getting an error in notifyChange as Cannot read properties of undefined (reading 'notifyChange').

[PRASHANT YADAV]

Hello,

I used one of your sample regarding dropdownlist in querybuilder in code but getting an error  Cannot read properties of undefined (reading 'notifyChange') .

sample link: https://stackblitz.com/edit/react-iaaeai-pfdvva?file=index.js

[YuvanShankar Arunagiri]

Hi Prashant,

We have checked your reported query and prepared the sample based on your requirement. please refer the below code snippet and sample link. we can achieve your requirement by using the below sample code, in numeric component value change event have numeric box instance(this) only so we need to take query builder instance once again.

[index.js]:

valueChange(args) {

    var qb =  getComponent(document.getElementById('querybuilder'),'query-builder');

    qb.notifyChange(args.value, args.event.target, 'value');

  }

Sample link: https://stackblitz.com/edit/react-iaaeai-vt5lwu?file=index.js

Could you please check with the above code and get back to us, if you need any further assistance on this.

Regards,

YuvanShankar A

[PRASHANT YADAV]

Hello,

If you notice in the sample code you provided that if you select Employee ID ​than their is deleting option .I tried to achieve that unable to do that .Can you tell me solution for that .

 

Sample link: https://stackblitz.com/edit/react-iaaeai-vt5lwu?file=index.js

[YuvanShankar Arunagiri]

Hi Prashant,

We have checked your reported query and prepared the sample based on your requirement. please refer the below code snippet and sample link. we can achieve your requirement by using the below sample code in rule template.

[index.js]:

<button className="e-removerule e-rule-delete e-css e-btn e-small e-round">

            <span className="e-btn-icon e-icons e-delete-icon"/>

          </button>

Sample link: https://stackblitz.com/edit/react-iaaeai-vt5lwu?file=index.js

Could you please check with the above code and get back to us, if you need any further assistance on this.

Regards,

YuvanShankar A