Questions on KendoReact Forum

3 answers

1.0K+ views

Using custom scroll on React Grid

Hi,

Can I use custom scroll for kendo react grid.

I want to use this scroll package: https://www.npmjs.com/package/react-custom-scrollbars

General Discussions

answered on 19 May 2020

1 answer

236 views

How to use PanelBarProps expanded? string[]

The docs and and the d file states that there is a "PanelBarProps expanded? string[]" but there is no example.

Is there a way to use this to make all PanelBarItems start expanded?

Is this for something else?

General Discussions

answered on 18 May 2020

6 answers

224 views

Is return data of GridColumnMenuCheckboxFilter changed?

Hello,

I use GridColumnMenuCheckboxFilter to filter my grid.

But today I realize return data of GridColumnMenuCheckboxFilter is different than I used to before.

Before on dataStateChange function data property of event parameter was:

{

"filter":{

"filters":

[

{"field":"city","operator":"eq","value":"ANKARA"}

],

"logic":"or"

}

Now it is:

{

"filter":{

"filters":

[

{

"logic":"or",

"filters":[{"field":"city","operator":"eq","value":"ANKARA"}]

}

],

"logic":"and"

}

Is return data of GridColumnMenuCheckboxFilter changed?

General Discussions

answered on 18 May 2020

3 answers

99 views

PDF Exporter WCAG 2.0

Hello,

is there somewhere a tutorial how to use the PDF Exporter from kendo-react-pdf to create a WCAG 2.0 compatible PDF?
Is that even possible?

Greetings Stephan

General Discussions

answered on 18 May 2020

2 answers

264 views

columnMenu in GridColumn TS error

ColumnMenu.tsx

/// <reference path="./ColumnMenu.d.ts"/>

import * as React from 'react';

import { GridColumnMenuFilter } from '@progress/kendo-react-grid';

export default class ColumnMenu extends React.Component<Readonly<ColumnMenuProps>, {}> {

render() {

return (

<div>

<GridColumnMenuFilter columnMenu={this.props.columnMenu} expanded={true} />

</div>

);

}

I am importing this into my main class and using it here:

01.<Grid

02. data={process(this.props.users, this.state.gridDataState)}

03. {...this.state.gridDataState}

04. onDataStateChange={this.handleGridDataStateChange}

05. style={{ height: "300px" }}

06. pageable={true}

07. sortable={true}

08.>

09. <GridColumn field="email" title="Email" filter={'text'} columnMenu={ColumnMenu}/>

10. <GridColumn field="givenName" title="First name" />

11. <GridColumn field="sn" title="Last name" />

12. <GridColumn field="managerOf" title="Manager of" />

13.</Grid>

No matter how I try to run this, I get the same error:

1.TS2326: Types of property 'columnMenu' are incompatible.

2.Type 'typeof ColumnMenu' is not assignable to type 'ComponentType<GridColumnMenuProps>'.

3.Type 'typeof ColumnMenu' is not assignable to type 'StatelessComponent<GridColumnMenuProps>'.

4.

Type 'typeof ColumnMenu' provides no match for the signature '(props: GridColumnMenuProps & { children?: ReactNode; }, context?: any): ReactElement<

any>'.

Any idea how I get past this TS issue?

General Discussions

answered on 18 May 2020

3 answers

118 views

TreeView with DropDownButton

Hi, I have a TreeView with DropDownButton in custom rows and popups opening will break if I click through different DropDownButtons . I click on a button and no popup is displayed. Any suggestion what I did wrong? https://stackblitz.com/edit/react-s6l3qq

General Discussions

answered on 15 May 2020

1 answer

53 views

How to retain column level filter when i switch across the view

I want to retain column level filter when i switch across multiple view. I am able to retain filter for my data but that filter in not showing in grid column.

I want that user can see the applied filter in grid column too. IF filter is applied on multiple column he should see that too.

Regards,

Mukesh

General Discussions

answered on 14 May 2020

1 answer

145 views

Multiple cell selection

Hello,

Is there functionality range cell selection like this this jQuery example -https://demos.telerik.com/kendo-ui/grid/selection but for React Grid?

Is there cell range copy/paste functionality supported?

General Discussions

answered on 14 May 2020

6 answers

551 views

Low Performance Rendering in Line Chart

Hello,

i've the following problem with the Line chart component:

From back end i receive a data-set of 10000 points...with a method transformation making an averange of this points my result becomes 60 (an array with 60 points "one for each row"), withnotstanding that when the charts is rendered the loadind still appear again very slow!!(20 seconds roughly for rendering the charts)..i've seen that exist some workaround solution for the jquery version...for react version is possible to do something...if yes...how?

My best

Alberto

General Discussions

answered on 14 May 2020

1 answer

220 views

Need a connection of html for cell range in spreadsheet

Hi,

I am working with spreadsheet wrapper for React and I am in need of a connection between cell range and cell's html.
For an example, I have "Hello world" in cell "B2". Now I want to get html for that specific cell using sheet.range(1,1) instead of looping through all the cells using document.querySelector('.k-spreadsheet-cell').

Is it possible? If it is then can I get a small example.

Thank you.

Wrappers for React

answered on 13 May 2020