I've been having trouble building something using the grid.

I have several requirements:

• A grouped table or grid with three levels, having about 50 rows with six to eight numeric columns of percents.
• Sums (aggregates) of the columns at the top level and the second level.
• All of the numeric value cells should be in-cell editable.
• Editing the numeric value cells should update the aggregate numbers.
• Formatting and validation for values should be enforced: cells may only contain values from 0.00% to 100.00% to two decimal places.

I know that's a lot - we *might* be able to flex on the last three, but it would be preferred not to.

My issue is that updating a value updates the Grid's `data` prop, and the implementations I've tried so far seem to have one or two issues:

1) The input delay is quite large (calls to update the row onItemChange recalculate aggregates on every input). Recalculating and changing the state hook for the Grid's `data` prop takes noticeable time.

2) When using a custom cell via `cells={{}}`, updating causes the input to lose focus. If one enters a value and hits the Tab key to focus the next (custom) cell input, updating the Grid's `data` prop causes the Grid to be redrawn. I'm passing `dataItemKey` to the Grid component, and each custom cell has set `key={id}`, but the focus is lost regardless.

I would appreciate any input you could provide, including "You should use <<other thing>>".

Hi Team, 

I have a problem with uploading multiple files. I tried to upload multiple files at the same time. And when it is done, the validation message of some files is not consistent. (some files display the size of the file instead of the validation message)

This issue happens in my local, but I can't reproduce it in the demo example of React Kendo Upload Component.
Are there any ideas for fixing this issue?

Note: I used the latest version of the upload component (version @5.16.1)

Thanks.

Hi,

We use OData to get data, default page size is 10.
When we try to export to excel all pages of data it only exports first 10 records.
How can we export all pages of data ?

Thanks.

Hi.

In your documentation example of the MultiViewCalendar on this page you write "For the custom cell to allow date selection, manually pass or handle the onClick event".

In the code of the example the onClick event is handled in the CustomCell component but still nothing happens if I click on a date that should be a valid selection. I tried it out myself in my code and it doesn't work. Isn't the "handleClick" method in the CustomCell component enough to handle the onClick event?

And another question: Is it also possible to allow to select more than one day in the Calendar component?

Thanks,

Greetings,

Bernd

how to implementing a drag and drop feature in a web application that involves a specific component named <Add/>. The web application consists of two boxes: a source box and a target box. Your objective is to allow users to drag the <Add/> component from the source box to the target box.

Please describe in detail how you would approach implementing this drag and drop feature for the <Add/> component. Provide a step-by-step guide outlining the necessary code and interactions to achieve the functionality.

I'm using the badge component, but the badge background has disappeared. this is weird, because the background was there before. I do not recall any specific action that might have caused it to disappear. 

The badge component now looks like this:

This is my code.

package version: 

"@progress/kendo-react-indicators": "^5.0.1",

In the component

import {Badge, BadgeContainer} from "@progress/kendo-react-indicators";

<BadgeContainer>
    <Button>Filters</Button>
        <Badge align={{horizontal: "end", vertical: "top"}}
               themeColor="primary">{filters.length}</Badge>
</BadgeContainer>

does anyone have an idea what might have caused the background to disappear?