Can't call kendoWIDGET on a div created by React

[Timothy]

I am trying to integrate the Kendo Grid within a widget owned by ReactJS.  My preference would be initialize this imperatively but it seems that jquery objects from react references don't have the kendo functions attached.  Is it possible to use window.kendo to initialize the grid somehow or do I have to use the jquery plugin functionality?

 

Some code if the above doesn't make sense.  This works: 

window.kendo.bind($(React.findDOMNode(refs.theGrid)), viewModel);

 This doesn't work, returning "Uncaught TypeError: (0 , _jquery2.default)(...).kendoGrid is not a function": 

$(React.findDOMNode(refs.theGrid)).kendoGrid({...});

 Alternatively, any ideas on how to get the jquery plugin functionality back from within React components?

[Atanas Korchev]

Hello Timothy,

Getting this error usually means that you have included jQuery after the Kendo UI JS files. Make sure this isn't the case. Other than that you can initialize a kendo ui widget during componentDidMount in a React component. There is an open source library which shows how this could be done: https://github.com/tjwebb/react-kendo/blob/master/lib/KendoWidgetMixin.js

Regards,
Atanas Korchev
Telerik

 

 

[Timothy]

That is not the case.  If that were the case, wouldn't the window.kendo.bind call also not work?

[Timothy]

I think I shall just push ahead with MVVM since it seems to be working.  Thanks for your time.