or
1 answer
176 views
Hello,
In our project, we use DataGrid from the Kendo React library, but we are experiencing performance issues in one case.
Basically, we have a DataGrid that gets a dataset of 2000 items max as input. Each item can have ~100 columns.
One of the design choices was to introduce classic pagination of the client side, which works fine, and for the dataset with items that have 10-20 columns, the performance is sufficient. Unfortunately, for ~100 columns, not.
Because of that, I wanted to ask if it's possible to introduce the virtualization of rows and columns for a data grid that uses client-side pagination?
In our project, we use DataGrid from the Kendo React library, but we are experiencing performance issues in one case.
Basically, we have a DataGrid that gets a dataset of 2000 items max as input. Each item can have ~100 columns.
One of the design choices was to introduce classic pagination of the client side, which works fine, and for the dataset with items that have 10-20 columns, the performance is sufficient. Unfortunately, for ~100 columns, not.
Because of that, I wanted to ask if it's possible to introduce the virtualization of rows and columns for a data grid that uses client-side pagination?
Konstantin Dikov
Telerik team
answered
on
17 Jun 2024
1 answer
1.2K+ views
Because our DatePicker implementations need custom logic for keyUp and keyDown events, it's critical that our unit tests simulate key presses instead of just populating entire preset values. We are currently unable to update any DatePicker's value with the react testing library fireEvents (@testing-library/react). We're aware that React also has Keyboard events available in the user-event library, but the installation conflicts with our kendo library dependencies. How do we get fireEvent keyUp/Down events to change a DatePicker's value, or is this not possible in KendoReact?
test("update datepicker value with key events", () => {
render(
<DatePicker id="testDatePicker" defaultValue={new Date("10/11/2024")} />,
);
const dateInput = screen.getByRole("combobox");
act(() => {
fireEvent.keyDown(dateInput, { key: "2", code: "Digit2" });
fireEvent.keyUp(dateInput, { key: "2", code: "Digit2" });
});
expect(dateInput).toHaveDisplayValue(["02/11/2024"]);
});
Wissam
Telerik team
answered
on
13 Jun 2024
1 answer
199 views
I have a requirement for my project like, when i do incell editing in the grid, i have to check for duplicate rows in the grid & highlight the entire row with red color. & after resolving the duplicate issues by changing any of the cell value, the highlight should go off. i am already using custom components for combox & numeric textboxes.
Konstantin Dikov
Telerik team
answered
on
12 Jun 2024
1 answer
135 views
I would like to dynamically load the sub-items of a TreeList whenever the triangle infront of an element is clicked to open the sub-item and then fetch the sub-items from an API. I guess I need to use the onExpandChange event for this, correct? Do you have an example on how I would have to extend the original tree when the sub-items have loaded?
Any hints would be greatly appreciated.
Thanks,
Bernd
Vessy
Telerik team
answered
on
12 Jun 2024
1 answer
80 views
I am using 2 multi select dropdowns in form components. For example country & state. When i select a country in the first dropdown the corresponding state names will be populated in the 2nd dropdown. But when i click on search & select the 2nd dropdown again, it will display all the state names in the list instead of previously populated state.
Konstantin Dikov
Telerik team
answered
on
12 Jun 2024
1 answer
469 views
hi, I'm using DatePicker & TimePicker components. Seems like they use browser's time zone.
I need to customize time zone to one which is used on my backend.
Is there any way to do it?
Wissam
Telerik team
answered
on
11 Jun 2024
1 answer
98 views
Hi All,
I used custom-rendering MultiSelectTree, First step selected all
then unselect about.html, Its parent is in a half-selected state, but the top state is still fully selected, this is not what expected.
React Dropdowns Library & MultiSelectTree Component - Custom Rendering - KendoReact Docs & Demos (telerik.com)
Regards,
Sunny
Wissam
Telerik team
answered
on
10 Jun 2024
1 answer
159 views
I use React Kendo Grid. There are some operations on the page which changes data in the grid.
I want to reload grid without grid buttons. Actually I'm looking for grid.reload() method but couldn't find.
Can you help me please?
Wissam
Telerik team
answered
on
10 Jun 2024
1 answer
203 views
I am in the process of trying to convert an older Kendo UI for jQuery app to Kendo React and a feature that we had was being able to maintain a window components aspect ratio.
We were doing this by using the resizing direction along with the before/after to adjust the height/width accordingly while resizing.
Looking at KendoReact, it seems to be using WindowMoveEvent which does not have this, and I don't see it available in the nativeEvent either.
Does anyone know if this might be accessible anywhere that I may be overlooking, or have any input on how I can get the resize direction?
Konstantin Dikov
Telerik team
answered
on
07 Jun 2024
1 answer
106 views
On kendo-react-layout: 7.3.0:
Drawer items are tab-navigable, but will not trigger the onSelect callback when the Enter button is pressed. I could not find any documentation in https://www.telerik.com/kendo-react-ui/components/layout/drawer/ or in https://www.telerik.com/kendo-react-ui/components/layout/drawer/accessibility/wai-aria-support/ denoting how to enable or implement this functionality, which would be required for Section 508 compliance.
Ideally, this would be functional out-of-the-box, and would not require a workaround such as implementing our own global event-handlers.
Please let me know how we should go about implementing this functionality, or when a fix has been released (or if a fix has already been released).
Silviya
Telerik team
answered
on
06 Jun 2024
