Questions on KendoReact Forum

1 answer

223 views

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?

General Discussions

answered on 03 Dec 2019

2 answers

92 views

hierarchy data structure

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 :)

General Discussions

answered on 03 Dec 2019

1 answer

94 views

Regarding AutoComplete

Hi,

I am using AutoComplete with the below code:

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

General Discussions

answered on 02 Dec 2019

2 answers

90 views

Regarding Performance of Kendo inline editing

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?

General Discussions

answered on 28 Nov 2019

1 answer

89 views

Regarding Inline Edit

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?

General Discussions

answered on 28 Nov 2019

1 answer

212 views

Binding Multiple Api in Kendo Grid

My requirment is to display data from multiple Api into the grid , how can i manage the fields?

General Discussions

answered on 27 Nov 2019

1 answer

123 views

boxPlot type not working

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

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.

General Discussions

answered on 26 Nov 2019

8 answers

598 views

[Solved] Custom dropdownlist in toolbar of Kendo React Editor

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?

General Discussions

answered on 25 Nov 2019

2 answers

309 views

[Solved] Multiple Kendo React Editors

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:

import React from 'react';

import ReactDOM from 'react-dom';

import { Editor, EditorTools, EditorUtils } from '@progress/kendo-react-editor';

const { Bold, Italic, Underline } = EditorTools;

class App extends React.Component {

textarea = null;

setEditorRef = ref => {

this.editor = ref

}

getHtml = () => {

console.log(this.editor)

const view = this.editor.view;

this.textarea.value = EditorUtils.getHtml(view.state);

}

render() {

return (

<div>

<Editor

tools={[

[ Bold, Italic, Underline ]

]}

contentStyle={{ height: 160 }}

defaultContent={'<p>editor sample html1</p>'}

ref={this.setEditorRef}

/>

<Editor

tools={[

[ Bold, Italic, Underline ]

]}

contentStyle={{ height: 160 }}

defaultContent={'<p>editor sample html2</p>'}

ref={this.setEditorRef}

/>

<br />

<button

className="k-button k-button-icontext"

onClick={this.getHtml}

>

<span className="k-icon k-i-arrow-60-down" />Gets HTML

</button>

<br /><br />

<textarea

className="k-textarea"

style={{ height: 100, width: '100%', resize: 'none' }}

defaultValue="<p>textarea sample html</p>"

ref={textarea => this.textarea = textarea}

/>

</div>

);

}

ReactDOM.render(

<App />,

document.querySelector('my-app')

);

How would I implement this?

General Discussions

answered on 25 Nov 2019

1 answer

1.0K+ views

Kendo Date picker Hides behind Dialog Box

I want to use the Date picker of kendo in a form.The Form is a Dialog Box and when i Click the Date button.The Calendar displays behind the Dialog Box and which cannot Select Any date and View the Full Calendar.

General Discussions

answered on 25 Nov 2019