Customization of the kendo.ui.Grid

[Christian Storb]

I want to customize the kendo.ui.Grid for my application and create a base class kendo.ui.GridEx that inherits from the kendo.ui.Grid class. Everything works fine, except with columns.selectable (true). The check boxes appear, but the click events are not handled. Therefore the selection method does not work either (no rows returned).

Example: https://jsfiddle.net/chstorb/g3n5or69/

[Tsvetomir]

Hi Chris,

In the internal logic for the Kendo UI Grid, there is an additional check to ensure that the selected row will not affect any parent rows - the selection has to remain for the current grid only. Therefore, when the name of the grid is changed (it is extended) the selector will not target the grid. What I can recommend is that you override the default internal events for the grid. 

For your convenience, I modified the example that you have provided with your initial post: 

https://jsfiddle.net/fmsqrua8/1/

I hope you find this helpful.

 

Kind regards,
Tsvetomir
Progress Telerik

[Christian Storb]

Hi Tsvetomir,

thank you for supporting me!

Your solution works very well. Still, I made a change: Instead of overwriting the event handlers of the kendo.ui.Grid class, this now only applies to my kendo.ui.GridEx extension https://jsfiddle.net/chstorb/g3n5or69/. 

That's exactly what I wanted. Thanks again!

Kind regards,
Chris

[Tsvetomir]

Hi Chris,

I am very happy to hear that I have been helpful in resolving the case. Indeed, it is a great modification to include the event handlers within the grid's extended options. It helps for better readability and consistency.

In case you have any other queries, do let me know.

 

Regards,
Tsvetomir
Progress Telerik