[Solved] Use Calendar to set selected row in Grid

[James]

How do I set the selected row and move it to the center of the Grid when I selected a data in the Calendar?  Each row in the grid has a date column.  Instead of scrolling through multiple years of records, I want to use the Calendar to bring the selected date into view.

[Vladimir Iliev]

Hi James,

Thank you for contacting us.

Scrolling to a position in the Grid by custom field value is not supported out-of-the-box. However, I have prepared a small example project, how to achieve this (please find attached project):
Here are the main steps:

• Attach a handler to the "change" event of the Calendar - this.value() is the selected date
• Iterate through the tr elements in the Grid to find that row (with the help of the dataItem)
• When the first element is found, we set the scroll position to that element position

Kind Regards,
Vladimir Iliev
the Telerik team