Telerik Forums
KendoReact Forum
5 answers
1.5K+ views

Hi,

One of my grid columns uses a child component to display its own data for each row in the grid.  I have a demo here:

https://stackblitz.com/edit/react-mu6rlr?file=app/main.jsx

The issue is that any state change in the parent causes that child in the grid column to unmount re-mount.  Try opening the console at the bottom right.  Then type any text in the input.  You can see that for each state change, the child unmounts and re-mounts.

In my real app, the child is fetching data with axios.  So for each keystroke (or ANY state change), that child unmounts, remounts, and fetches the data again.  This also happens with any action on the grid, such as sorting.  Sort the grid, and the child unmounts and remounts.

How can I prevent this behavior?  I can't have the child re-fetching the data like that.

Thanks for any help.

Stefan
Telerik team
 answered on 12 Oct 2020
2 answers
1.3K+ views

Hello

How to expand One Grid Row Only at a Time with React, the behavior needed is that all the rows will be collapsed when i expand a row.

I found a solution with jquery but not in React.

Thank you in advance.

Raef
Top achievements
Rank 1
 answered on 09 Oct 2020
1 answer
102 views

     Hi!,

we are testing KendoReact. and we want to know if it's possible to have any kind of grid solution in Default theme, such as Bootstrap "col-md-4" or similar.

 

Thank you

 

Stefan
Telerik team
 answered on 08 Oct 2020
1 answer
61 views

Hi

How can I apply keyboard support for kendo react grid and tree list?

Kind regards Mathias

 
Stefan
Telerik team
 answered on 07 Oct 2020
1 answer
66 views

Hi

Is there a way to make a detail template in kendo react grid just like kendo jquery grid have?

https://demos.telerik.com/kendo-ui/grid/detailtemplate

Kind regards Mathias

Stefan
Telerik team
 answered on 07 Oct 2020
6 answers
1.0K+ views

I am trying to use the Stepper component and I'm getting errors on the console `Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.`

This only appears when I am using the Stepper. I have tried removing it and replacing it with another Kendo component, such as a Button, and that works fine and no error. I have tried updating the packages to the latest and making sure that I have installed the progressbars dependency, and that that is also updated to the latest. I have also tried moving it out of a child component into the parent so that it's not being exported and it still has that message displayed. I have also tried inserting the stepper demo code, and that also gives the error. Any ideas on what is going on? I see that this component works fine in StackBlitz, so it seems like a me problem. But I could use some guidance!

 

Thanks,

Kara

Ina
Telerik team
 answered on 06 Oct 2020
1 answer
298 views

So I'm wondering if there is a way to group items with a heading within a combobox or dropdownlist. See attached. A regular html select uses an optgroup element to accomplish something like that.

 

Thanks!


Stefan
Telerik team
 answered on 01 Oct 2020
5 answers
116 views

Hi,

It looks like attachments are always aligned to the left even if they are from the current user https://stackblitz.com/edit/react-ypqn8l?file=app/main.jsx . How to align only user attachments to the right?

Matej
Top achievements
Rank 1
Veteran
 answered on 29 Sep 2020
3 answers
394 views

Hello, I am using Kendo React Library.

 

I'm having some issues with the customization of the charts:

  - I have created a donut chart and I need to animate each slice on mouse-over event scaling the slice as shown in the picture attached.

  - I have a bar chart and I need to change the style of the Category Axis Label when the mouse is over a series. I have discovered in the docs that a highlight object exists on the ChartSeriesItem but in the toggle function I do not know how to trigger the change of style for the category label.

 

Thanks

-- Matteo

Stefan
Telerik team
 answered on 28 Sep 2020
1 answer
215 views

     We have a grid that has a multiple sort on it. Icon 1 and the arrow is missing, while we can see icon 2 and the arrow. If we click on the first sort it changes to 3 with an arrow. 

Our sort descriptor is as follows:

const [sorter, setSorter] = React.useState<SortDescriptor[]>([
        { field: "orgDisplay", dir: "asc" },
        { field: "userKey", dir: "asc" }
    ]);

and we have: 

sortable={{ mode: "multiple" }}

to allow multiple sort on the grid.

Is there something that would prevent the 1 and the arrow icon from showing?

Thanks

Matt
Top achievements
Rank 1
 answered on 25 Sep 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?