Adding custom properties in Text widget does not apply the entered value

[sreekumar1267]

Hi, I have a custom property on a Text widget which will open a pop-up of values that can be multiselected. And on closing the popup, i am trying to update the value of text field with the value selected. But the UI is not reflecting that value.

In config I have defined the widget as below:

widgets: {
...InitialConfig.widgets,
text: {
...InitialConfig.widgets.text,
customProps: {
id: 'MYTEXT7999',
onClick : (e) => this.onClickText(e)
}
}
}

onClickText = (e) => {
// this opens the pop-up with values that can be multi selected
let item = lookupFieldsConf.find( ({ field }) => field === 'CCMSECTYPE' );
if (item !== undefined)
item.lookupFunction(this, 'CCMSECTYPE', '=', e.currentTarget.id);
}

//this is called on close of the pop-up and selected values are sent as parameter
handleOkLookupDialog = selectedValues=> {
console.log('handleOkLookupDialog selectedValues:: ', selectedValues);
console.log('handleOkLookupDialog componentID :: ', componentID);

console.log(' -- document.getElementById(componentID) --', document.getElementById(componentID));
 document.getElementById(componentID).value = selectedValues;

};

console log show the component and values correctly, but after assigning the values, Text onChange is never invoked i believe.

Is there a way to identify the uid of the widget when it is clicked ?

[ukrbublik]

Is there a way to identify the uid of the widget when it is clicked ?

See this PR
#503
Now id prop (id of rule in result query value) is passed into widget

[ukrbublik]

Sorry for late response. If you have other issues or want to resolve this one, please let me know

[ukrbublik]

Also now you can programmatically change value of rule by id path
See example:

react-awesome-query-builder/examples/demo/demo.tsx

Line 197 in bb4d93d

this._actions.setValue(firstPath, 0, 2, "number");

Probably need to pass path prop instead of id for easy use