Hello,

I´m using this example exactly the same code except that I am loading the data from a service https://www.telerik.com/kendo-react-ui/components/grid/

The problem is that once the data is loaded it is not displayed in the table, I have to click order by some column to display the data, the same happens when I modify a row and refresh the data it is not coming unless I press the order by some column, I hope I am being clear otherwise please let me know.

Hi,

Whenever Calendar value is set after an api call, Calendar plugin will randomly stop working. The value will be set correctly but it wont focus or scroll to the value. it will display some random month.

eg: if the calendar value is set to 09-27-2021 and the calendar plugin displays the UI correctly. soon after if value is changed with new date after an api call the calendar UI will randomly display some other month. 

Do you guys have a fix for it or is it a bug. Please let me know asap.

her is a sample code :  click the change button twice to see the issue. i had used set timeout to replicate an API call.

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

Thanks

Hello,

I am using TreeList component with drag and drop and I need to be able to change the order of elements in same level and  drop elements above or below of each other not only inside the parents.
Do any body has implemented Demo or a help content for that to share with me please?

Thanks in advance.

Regards,

Ehsan

Hi Guys,

I'm using react-router-dom as my router.

What I wanted to achieve is to make a Button that functions as NavLink. Is there a way to do this? Thanks!

Here's my code:

<Button look="flat">Sign out</Button>

<NavLink to='/signout' look="flat" component={Button}>Sign out</NavLink>

Hi,

I am using kendo react grid using sample available here.

https://www.telerik.com/kendo-react-ui/components/grid/selection/  "Section" : Customizing the Selection, where using checkbox to read all the selected rows.

Using the above sample , i have created grid with checkbox only on rows NOT on header checkbox as single selectable row. since my grid data will be changed frequently by adding or removing rows, i am maintaining data in react hooks useState and update this state will reflect in grid. all works as expected, but, i have below issue.

I am writing onSelectionChange event where i wanted to check/uncheck based on user selection and update my state based on this selection, when i try to update state object by reading all rows in grid using event.dataitems, i get rows only on specific page where pagination is enabled.

For ex, i have two pages with 10 in each, if i am in 2nd page and read all dataitems, i get only 10 rows in 2nd page. so i wanted to know how to read all the rows in grid irrespective of pagination. is there way to get it?  the reason i'm asking is useState is not updating state immediately and i am getting previous state data and i am loosing the changes made by other events(delete/add).

here is the  onSelectionChange event.

I'm currently implementing frontend and backend validation.  I want validate the posted data on the server-side, so when the validation fails, it should highlight the Inputbox and display the error below it. The error is highly likely not the same as the validator error message.

Is there any demo for this? Also,  is there a documentation on how to interact with form, like triggering validation programmatically?

Regarding the code, I've copy pasted the from from the documentation https://www.telerik.com/kendo-react-ui/components/form

Thanks in advance!

We have 3 filtered dropdowns at the top of our scheduler, below our header.

If you scroll down to where the dropdowns are at the top of the viewport and you click on one of the dropdowns, it scrolls back to the very top of the page. Is there a way to disable this behavior?

Kendo shifts lines with later start dates to the beginning (yellow line should not start until 12/31/1999):