MVC Grid hierarchy - add link to javascript function on child grid column

[Matias]

I'm trying to add a onClick JS function to a certain column in the child grid, but so far with no luck.

 

This is my column:

columns.Bound(o => o.oper_numero).Width(110).ClientTemplate("<a onclick=\"showDetails('#=oper_numero#')\" href='\\#'>#=oper_numero#</a>");

I achieved the desired functionality with both a non hiearchy grid and the parent grid.

I've read that I have to escape the the # symbol in the child grid, but I've tried every combination and still doesn't work. This for example doesn't work:

columns.Bound(o => o.oper_numero).Width(110).ClientTemplate("<a onclick=\"showDetails('#=oper_numero#')\" href='\\#'>\\#'=oper_numero\\#'</a>");
columns.Bound(o => o.oper_numero).Width(110).ClientTemplate("<a onclick=\"showDetails('\\#'=oper_numero\\#'')\" href='\\#'>#=oper_numero#</a>");
columns.Bound(o => o.oper_numero).Width(110).ClientTemplate("<a onclick=\"showDetails('\\#'=oper_numero\\#'')\" href='\\#'>\\#=oper_numero\\#</a>");

I'd like to know what I'm doing wrong.

Thanks a lot

[Dimiter Madjarov]

Hello Matias,

The reason for the issue is the hash symbol in the href attribute, which is not part of the template syntax. Here is the correct way to define the link on the second Grid level in this case.
E.g.

.ClientTemplate("<a href='\\\\\\#' onclick=\"showDetails('\\#=oper_numero\\#')\">\\#=oper_numero\\#</a>")

Regards,
Dimiter Madjarov
Telerik

[Matias]

It works fine. Thanks a lot.

[PRASHANT]

Is there any way to open bootstrap model popup with link

[Stefan]

Hello, Prashant,

I can suggest checking the following forum post and a similar subject, as it contains information how it can be achieved:

http://www.telerik.com/forums/opening-bootstrap-modal-from-url-in-grid-column

I hope this is helpful.

Regards,
Stefan
Progress Telerik