This is a migrated thread and some comments may be shown as answers.

bug with react-kendo-grid-wrapper(GridColumn)

11 Answers 90 Views
Wrappers for React
This is a migrated thread and some comments may be shown as answers.
Artur
Top achievements
Rank 1
Artur asked on 29 Mar 2018, 03:00 PM

GridColumn didn't work correctly. I can't use them when I insert it inside Grid.

I see that GridColumn is function

var GridColumn = function (props) { return null; };
GridColumn.displayName = 'GridColumn';

In Grid component you try to compare child component with this 'component'

var columns = React.Children
           .toArray(children)
           .filter(function (child) { return child && child.type === GridColumn_1.default; })
           .map(function (child) { return Object.assign({}, child.props); });

So, after filter there zero items, because we try to compare 2 functions.

Could you fix it, please? 

11 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 30 Mar 2018, 07:22 AM
Hello, Artur,

Thank you for the information.

Could you please share in which scenario the GridColumn is not working is possible with an example. On our end the GridColumn components are working as expected:

https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc

The GridColumn component is a stateless function:

import * as React from 'react';
import * as ReactDOM from 'react-dom';
 
export interface GridColumnProps extends kendo.ui.GridColumn { }
 
let GridColumn: React.StatelessComponent<GridColumnProps> = (props: GridColumnProps): JSX.Element | null => null;
 
GridColumn.displayName = 'GridColumn';
 
export default GridColumn;

I will be expecting an example and we will gladly investigate it further.

Thank you in advance for the cooperation.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Artur
Top achievements
Rank 1
answered on 30 Mar 2018, 02:03 PM

Example from https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc .

Yes, you are right about StatelessComponent. I have declaration file where GridColumn is declared as StatelessComponent.

P.s. I use typescript

0
Artur
Top achievements
Rank 1
answered on 30 Mar 2018, 02:14 PM

If I remove the filter it will work fine. But filter don't work correctly and I don't know why...

0
Stefan
Telerik team
answered on 02 Apr 2018, 08:13 AM
Hello, Artur,

Thank you for the details.

Based on the code I can assume that you are importing the GridColumn from the Kendo UI for React wrappers and using it inside the native Kendo UI Grid for React or the other way around.

Please ensure that both Grids are not mixed up:

Wrapper:

https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc-grid-overview

Native Grid:

http://https//www.telerik.com/kendo-react-ui/components/grid/

If the issue still occurs, please provide an example, as the mentioned issue is not reproducible on our end and we would like to inspect the implementation.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Artur
Top achievements
Rank 1
answered on 02 Apr 2018, 08:36 AM
I use just wrappers, because I can't use native components for now
0
Stefan
Telerik team
answered on 02 Apr 2018, 08:51 AM
Hello, Artur,

Thank you for the clarification.

Could you please elaborate on the scenario in which this does not work correctly. We made different testing scenarios and in all of them, this was working.

We will be happy to provide a fix, but we need to be able to replicate the issue in order to fix it.

Please share with us an example where the issue is reproducible and the developers' team will take a look at it as soon as possible.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Artur
Top achievements
Rank 1
answered on 02 Apr 2018, 01:59 PM

For now I have 2 files(js + declaration) for GridColumn(attached).

This code from GridColumn.d.ts:

import * as React from 'react';
export interface GridColumnProps extends kendo.ui.GridColumn {
}
declare let GridColumn: React.StatelessComponent<GridColumnProps>;
export default GridColumn;

 

This code from GridColumn.js:

var GridColumn = function (props) { return null; };
GridColumn.displayName = 'GridColumn';
export default GridColumn;
//# sourceMappingURL=GridColumn.js.map

 

It it OK?

 

P.s. I looked at your example and found just 1 file *.tsx

 

 

0
Artur
Top achievements
Rank 1
answered on 02 Apr 2018, 02:02 PM
0
Stefan
Telerik team
answered on 03 Apr 2018, 06:11 AM
Hello, Artur,

Thank you for the code.

This is the correct one.

Still, please share with us the scenario in which the issue is observed.

I'm may be missing something and please excuse me for it, as for now, I did not notice the case in which the GridColumn is causing issues.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Roja Jayashree
Top achievements
Rank 1
Veteran
answered on 19 Oct 2020, 01:40 PM

Hello Stefan,

I am using telerik grid just similar to what it is implemented in this demo link (https://www.telerik.com/kendo-react-ui/components/grid/get-started/) and it works fine on browser but it shows up issue with scrolling on grid while using in ipad pro. 

In short terms i am facing issue in scrolling the grid in ipad if any solution or demo for ipad is appreciated.

 

Thank you.

0
Stefan
Telerik team
answered on 20 Oct 2020, 04:45 AM

Hello, Roja,

I have made some tests and the scrolling was working on my end.

Please share the iPad model and the iOS version, as this will help us test under the same conditions.

Also, could be share what is the issue specifically, is the Grid not scrolling at all or something else.

-----------------------------------------------

Please have in mind that this post is for a very different issue. When the issue is not related to the post, please make a new post in the forum:

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Wrappers for React
Asked by
Artur
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Artur
Top achievements
Rank 1
Roja Jayashree
Top achievements
Rank 1
Veteran
Share this question
or