Hello,
We are facing a problem with filtering in Kendo UI Grid in React. I'm getting following exception op() is not a function
directly after I select an operator (for example "Ist gleich"):
This is the stacktrace:
filter-no-eval.js:81 Uncaught TypeError: op is not a function
at filter-no-eval.js:81
at filter-no-eval.js:10
at count (array.operators.js:85)
at process (array.operators.js:151)
at KendoGrid.push../Global/Controls/KendoGrid.tsx.KendoGrid.render (KendoGrid.tsx:45)
at finishClassComponent (react-dom.development.js:13538)
at updateClassComponent (react-dom.development.js:13501)
at beginWork (react-dom.development.js:14090)
at performUnitOfWork (react-dom.development.js:16416)
at workLoop (react-dom.development.js:16454)
I tried the same example which is on the Kedno UI Grid for React website (https://www.telerik.com/kendo-react-ui/components/grid/advanced-examples/stateful-grid/), and there it is working fine. However, I could found that the filter object is not the same in the 2 cases.
This is the filter object structure in my case where im getting the exception:
This the filter object structure from the example in Kendo website:
Any suggestion or help is highly appreciated
Thanks in advance!
6 Answers, 1 is accepted
Thank you for reaching out to us on this, in order to receive support via the dedicated support ticketing system, you must have an active support license. If you need any assistance with obtaining a license, I will be able to connect you with the appropriate product specialist to begin the process. However, if you do have an active license under a different email address that is not currently assigned to you, please contact the license holder directly to have yourself assigned as an end user. Once this has been done please respond to this ticket and we will forward your inquiry to the appropriate support team. Please do not hesitate to contact us with any additional questions or concerns.
Regards,
Tsvetana
Progress Telerik
This is my current email address:
QN4945699
Please reattach this ticket to the current address.
Thanks,
Darko
Thank you for the details.
Showing the different filters was very helpful in locating the issue.
I was able to reproduce the issue if the Grid packages is an older < 2 and the DropDowns are with the latest version.
The issue is caused because before version 2, the DropDowns were returning value as a single value, and now they return the entire object. This is handled in the latest version of the Grid, but in the older version the Grid expected a single value and received an object. Then this object is passed to the process method where the actual error occurs.
Please update the Grid to the latest version and ensure that all KendoReact components packages are with matching versions.
Regards,
Stefan
Progress Telerik
Dear Stefan,
I have run yarn upgrade. I think the latest versions were already installed in the project because no changes were made due to the upgrade. I have attached a printscreen with the packages versions. Is there any that is not up to date that might cause this problem?
I look forward to your reply.
Best regards,
Darko
Hello Stefan,
it seems I was badly updating the packages when using yarn. I now managed to update the KendoReact packages and it works fine now. We can call this issue as solved.
I thank you a lot for the help!
Best regards,
Darko
Hello Stefan,
it seems I was misusing yarn's update functionality. I now managed to update the KendoReact packages and it all works just fine. We can call it solved.
I thank you a lot for the help!
Best regards,
Darko