Hello,

I'm attempting to use the React wrappers (or maybe the new React components) with an MVC backend. 

In the native jQuery implementation we can just set the Datasource's transport.read property to an API endpoint, load the kendo.aspnetmvc.js library, and get database level filtering of our requests from the filtering/sorting/paging interactions on the grid. Like this

But, when I try this in the kendo grid react wrapper it isn't playing nicely with the ASP.NET MVC Kendo DataSourceResponse.

By default it returns an object like this:

The kendo.aspnetmvc enhanced grids know how to deal with this, but the react wrapper kendo grid just calls that response the data for row 0. If I return `Json(result.Data)` then I get the resulting data back, but the total number of results doesn't return so the grid can't show it's page numbers properly.

How is serverside paging supposed to work with the kendo react wrapped grid? Is the MVC DataSourceRequest/DataSourceResult controller stucture appropriate to use with it? Hopefully there's a way to do this without rewriting all that functionality (although to use redux to handle the API calls it seems based on your examples that re-writing that funcionality is indeed the way to do it).

I want to call the resize() method onto the chart so it automatically resized upon rendering, but it throws this error:

Same thing happens with DataBound event. Demo here:

http://dojo.telerik.com/oPAFO

How does one set the culture of the numerictextbox component (or global for the entire react app for instance)?

I tried this:

<NumericTextBox culture='nl-NL' decimals={2} format='c2' min={0} round={false} spinners={false}/>

But this still shows the dollar sign and uses '.' as the decimal seperator instead of ','.

No errors, but doesn't work.

I am trying to manually select/deselect React Grid rows (using checkbox) while calling a React/Redux action state handler so I have a dynamically updated state variable containing the selected rows ID's. Here's my code:

While the select action successfully updates the UI and the state variable, the removeClass function doesn't seem to work and the row/checkbox remains selected (after a UI rerender). The state handler does fire although obviously changes nothing state wise because the row UI remains selected. I tried calling the removeClass right after the select function to see if it works or not, and it still does not do anything. Am I missing something? Also, while removing the "k-state-selected" should technically "deselect" the row, how do I "uncheck" the required row checkbox?

Help would be appreciated.

I am trying to refresh the grid after a certain event by another component. In case of Jquery, one will do this as below.

$('#GridName').data('kendoGrid').dataSource.read();

$('#GridName').data('kendoGrid').refresh();

How do i achieve this in React component?

I have tried wrapping the grid in another component and i triggering state change, but in that case i get datasource.fetch is not a function.

I'm not sure if this is an oversight or intentional, but setting the React Wrapper DatePicker component's enable config as false does disable the text input but not the datepicker button itself.

Demo here.

Or maybe I'm missing something, and there's a separate config to disable the datepicker button? The jQuery version does disable both of them.

I am using React+Redux along with React wrappers for the Kendo UI Grid component. Here's a crop of my code:

I'm having diffucilties having my onClick action recognized. While the onClick event does trigger, the actionAddaction isn't. It throws a "Uncaught ReferenceError: actionAdd is not defined
    at HTMLButtonElement.onclick (inputOrder:1)" error.

Is this related to how the documentation mentions that react components are not supported in templates? I'm also having difficulties replicating this documentation on how to add Row Numbers. Records, in the template, throws an undefined error just like the above, unless I initialize the record variable outside the main component class.

Help would be appreciated.

Hi

As the title says , when can we expect to have the Scheduler available with Vue Library?

Eric

From https://docs.telerik.com/kendo-ui-wrappers-react/components/grid it says refer to demo app. That link is either not viewable or broken. Is there somewhere else I can look?

https://docs.telerik.com/kendo-ui-wrappers-react/components/menu

SyntaxError: Inline Babel script: JSX value should be either an expression or a quoted JSX text (7:15) 5 | 6 | const element = ( > 7 |
| ^ 8 |
9 | Item 1 10 | Item 2 at line 8