Questions on KendoReact Forum

6 answers

241 views

[Solved] 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

116 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

283 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

133 views

[Solved] 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

75 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

154 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

593 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

242 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

1 answer

434 views

[Solved] grid excel export date column width

Hi,

Why is the column width of the export extra wide when exporting a date type?

https://stackblitz.com/edit/react-tfamno

General Discussions

answered on 12 May 2020

1 answer

106 views

How to reset query option change of grid based on switch

I have a switch on my view based on that i am loading two grid. But while switching page number are not getting change as query option remembers the same page number.

Is there there any way to re set query options of grid when i perform switching.

General Discussions

answered on 11 May 2020