I am creating a kendo window for create and edit of my data Item. The kendo window has a form embedded within it as below.

<div kendo-window="allDevices.addNewDeviceKendoWindow" k-title="'Add'" k-width="520" k-height="520"
             k-visible="false"
             k-position='{left:400, top:250}'
             class="titlewindow" k-on-close="allDevices.resetNewDeviceVariables()">
            <div>
                <form id="adddeviceform" class="form-horizontal myform" role="form" kendo-validator="myAddDeviceValidator"
                      autocomplete="off" k-options="formValidations" >
                    
                    <ul>
                        <li>
                            <label for="ipAddress" class="control-label">IP Address</label>
                            <input ng-model="allDevices.newDeviceJson.ipAddress" type="text" class="form-control"
                                   name="ipaddress" data-ipaddresscheck data-ipaddresscheck-msg="Enter Valid host IP Address"
                                   required placeholder="Enter IP Address"/>
                        </li>
                      ...

I notice that if I close the window with a validation error and then try to open the window again, the validation errors still show up.
How can I also clear the validation errors whenever I open a new window ?

The Kendo documentation says it is compatible with jquery 3.1.1, but I would like to know if it will also work with the latest jQuery version, which is 3.2.1.  Can anyone confirm whether it works, and if there are any issues?  I didn't know if the version in the docs page was just something that does not get updated very often.

Hello,

I'm unable to successfully follow the Getting Started with Kendo UI Wrappers for React guide. When I follow Microsoft's TypeScript-React-Starter guide using the standard create-react-app but with react-scripts-ts instead I receive typescript compiler errors from the kendo dependencies.

The first is the unused kendo module.

 

If I add a workaround for that by adding an if (kendo) {} I get the following error

 

https://github.com/Microsoft/TypeScript-React-Starter

Hi,

Actually we used 2017.2.621 kendo version now. we need to upgrade latest version. what are the main file we need to use. 

Here we use angular.js. is there any changes in external js and css file which mean angular.js like so on file.

 

Can you please help me out of this.

 

Thank you

 

Hi, 

I am in a bit of a trouble and need help

I am trying to bind a Kendo UI Grid to an object on $scope instead of to kendo.data.dataSource. The grid shows the data (which is in the object) but if I change the data or add new row, the changes are not reflected in the $scope object. Why is that?

My real problem is, I want to show two grids top & bottom and when the user selects a row from top grid, the bottom grid should be populated with the details. However, these details are already fetched and kept in the DataSource of the top grid (hence no transport section for bottom grid) because I want to be able to save any changes in batches.

This is how I am binding my grids

Top Grid

Bottom Grid

 

This is how I add record to bottom grid

$scope.detailGrid.dataSource.add();

 

Can you help me with this?

http://dojo.telerik.com/@rtv/AnOju/5  what am I doing wrong that my select call does not seem to select the tab.

-Rajesh

I'm trying to use webpack with kendo, but the bundled file is almost 20mb, which is much bigger than the 2.7mb of kendo.all.

Webpack configuration follows the one presented in http://docs.telerik.com/kendo-ui/third-party/webpack but still, the resulting bundled file is almost 20mb. Without kendo, my application, wtihout kendo, is just over 3mb… Why the final bundled application is adding 17mb just because kendo is included since the kendo.all.min.js (pro version) is below 3mb?

I've tried to include kendo.all.min.js as an alias in webpack:


alias: {
  “kendo”: path.join(__dirname, “third-party/kendo/kendo.all.min.js”),


And then importing it in our app:

import ‘kendo’;

But then webpack is not able to resolve the dependencies of the controls (if we are using for example kendo-grid).

Importing just a control didn’t work either:

We have a lot invested in a Silverlight project which we need to migrate.  The preference is to WebAssembly and right now the solution with the most chance of becoming something officially supported is Blazor from Microsoft.  Can you share anything with the community on whether you are looking at Kendo UI with Blazor?  I know its early days for Blazor but the clock is clicking on Silverlight support.

 

Thanks,

 

Scott

Hi,

I'm looking for recommendations on integrating Kendo with React. (I have seen a few existing limited examples)

My team chose Kendo, even though it isn't React native, because the client loves the look and functionality and we see that your dev roadmap eventually includes React.

In the meantime we have to create a bridge between the two worlds.

The main widget we are using is the fully functional Kendo Grid.

It seems there are two general approaches to using Kendo in React / Redux:

• Hook into all of the events of the control and pass all configuration objects and data through the Redux reducer.
• Have the widget inside a React component but use the standard kendo data source pointed at a service thus bypassing Redux central store.

We chose the first option which is working but it is a lot of work!

We are considering if we should instead have chosen the second option - store only the Grid configuration options inside Redux and have the Grid load data directly from a service outside of the Redux flow.

 

Can anyone recommend one option over the other?

The first option seems too much work now that we need to add nested grids!

Is there any indication yet if the React native Kendo controls will be designed to work more easily with Redux actions and reducers (I know React and Redux are different technologies but they are very commonly used together).

 

Thanks,

I am trying to upload a file using the ReactJS file upload wrapper, the file should be uploaded to a MVC netcore controller.  My is like:

And my controller is:

 

The value of files is always null.  I have tried with/without the FromFile attribute and have also tried using IEnumerable<IFromFile> as the receiving type.

 

Any ideas?