or
1 answer
42 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
21 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
14 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
17 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
16 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
15 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
14 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
15 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
14 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
1 answer
22 views
I'm trying to figure out how I can persist column widths and ordering such that I can restore them.
My grid consists of a semi-dynamic set of columns defined with <GridColumn ... /> objects, with a variety of different settings in each column.
I can access the width/ordering on the onColumnReorder and onColumnResize events, and it's easy enough to extract and save this to localStorage, but how do I apply those values to the grid before it renders?
I've seen the example which creates columns using the array map() function, and this means defining the columns in code rather than declaratively in the JSX. I'd really like to avoid doing this if I can, especially considering my column set changes from one (application-level) mode to another.
If I can get the width/order from localStorage and then iteratively restore width/order in the existing grid columns, this would be significantly cleaner to effect.
Suggestions?
Konstantin Dikov
Telerik team
answered
on
04 Jun 2024
