Grid command and href="#"

[SLM]

When adding a new command in a grid column, the generated button-styled link includes an href="#" attribute. This is problematic when using any kind of client-side routing framework (angular routing for example). Is there any way to disable this behavior, apart from completely overriding the button template ?

 

Thank you in advance.

[Alexander Valchev]

Hi,

One possible way to prevent this is to use a custom template, e.g. to completely overriding the button template. Alternatively you may hook up to the dataBound event of the Grid which fires after the rows are rendered and manually remove the href attributes with jQuery.

Regards,
Alexander Valchev
Telerik

 

 

[Saquib]

@Alexander Valchev

Is ther not a simple way to do that. I want to do that for all the grid in my project, I do not want to hook up databound event for all the grids.

Other problem with having href='#' is when you click on it, it takes you to the top of the page before executing the javascript or redirecting to other page.

[Alex Hajigeorgieva]

Hello Saquib,

An easier way to prevent the page shift is to call preventDefault() in the click handler of the command button:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.command.click

Kind Regards,
Alex Hajigeorgieva
Progress Telerik