We are attempting to create automated Selenium web driver based tests of our KendoReact based web application. Our tester is attempting to find one of the options to select using Selenium, and there does not seem to be any <option> entries available to select from in the DOM. How can we accomplish this, and via which element selector can we use?

Thanks,

Jim

SKF USA, Inc.

Hello guys, 

Our company want to buy your library a KendoReact. We had investigated all functionalities which we planning to use and found one problem when we add a grouping and frozen columns to one grid. Unfortunally I didn't find possibility to freeze grouping headers before first freeze column. For fully understandable I attached two files. 

Please provide information - How can we do it?

hi

I have an Hierarchy Data Sructure in my API, I'm using that API with Kendo react react treelist , now the tree list is working fine but i can't get the data from last index position, now I'm able to only get the index position, how can i get the data from my API.

Example below:

- Item 1

         - Sub Item

                        + Inner Sub Item

+ Item 2

+ Item 3

+ item 4

my question is how can i get the Inner Sub Item  from the Treelist :)

Hi,

I am using AutoComplete with the below code:

<AutoComplete
                        data={this.state.DataSet2.map(item => item.name)}
                      />

It is working and I need to pass id of the selected text to backend, where Dataset2 contains both id and name. But here just getting the text.

Regards

Hii,

I'm using kendo inline editing feature in our grid.

This is the code for enabling the inline editing in a particular row

enterEdit = (dataItem) => {
        this.setState({
            data: this.state.data.map(item =>
                item.ProductID === dataItem.ProductID ?
                { ...item, inEdit: true } : item
            )
        });
    }

In this code actually we are looping the entire records right?? So my question is if i have 10000 records will i face a performance issue?

I'm using Kendo react inline editing feature.This is my code...

cancel = dataItem => {
    const originalItem = this.state.DataSet.find(p => p.id === dataItem.id);
    const data = this.state.DataSet.map(item =>
      item.id === originalItem.id ? originalItem : item
    );
    this.setState({ DataSet: data, errors: [] });
    this.DataList();
  };

In this cancel method i'm calling this.DataList() which is a get request to the server. If i remove this line of code the inEdit is not closing.......So how can i close the inline method without writing this line?

Attempting to following the example shown here: https://www.telerik.com/kendo-react-ui/components/charts/series-types/box-plot/.

But I get the error: TS2322: Type '"boxPlot"' is not assignable to type '"area" | "line" | "bar" | "donut" | "pie" | "bubble" | "bullet" | "candlestick" | "column" | "funnel" | "horizontalWaterfall" | "ohlc" | "polarArea" | "polarLine" | "polarScatter" | ... 14 more ... | undefined'.

However, I can use "verticalBoxPlot" (which there is no demo for, but I found in the api docs), and that works fine. Even if I go to the API documentation, "boxPlot" is missing: https://www.telerik.com/kendo-react-ui/components/charts/api/ChartSeriesItemProps/#toc-type.

I'd love exactly this functionality, but using KendoReact:

Working Dojo Example in response to this post

Am a bit confused as to what properties translate over to where-- how would you implement this using the Kendo React editor? Is this possible?

Hello,

Trying to add multiple Editors on a single page, and get the HTML from each. The issue is, only the most recent ref is being found when I use the following code:

How would I implement this?