How can I call the onchange event in JqxCheckBox

[assemblerParticipant]

Hello everyone:

I have a React component to create dynamic checkboxes. Basically:

const Elem = ({text}) {
   function onChangeHandler (x) {
      console.log(x);
   }
   
   let fieldZone = <JqxCheckBox value={text} onChange={onChangeHandler} />
   return fieldZone;
}

The fact is that the checkboxes are rendered, but I’m unable to capture the change event. I’ve tried onChange, onCheck, onUncheck, everything unsuccessfully, and I was unable to find how to do this in the documentation. Is there a way to solve this? If so, how can I achieve this?

[HristoParticipant]

Hello assembler,

Please, take a look at this tutorial:
https://www.jqwidgets.com/reactjs-components-documentation/
Where you could find how to bind to a specific event.
It looks like you mixed the approach of binding to an event of the React with these from the Angular.

Also, please, take a look at this example:
https://www.jqwidgets.com/react/react-buttons/react-checkbox-defaultfunctionality.htm
Into the componentDidMount() you should bind to the desired event.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts