How to pass string value to javascript function on grid using ClientTemplate? (MVC)

[koa]

I am attempting to use the code below to call a javascript function for each grid element, but i am having trouble rendering the required quotes to deal with the function parameters:

This code:

columns.Bound(p => p.OrderName).ClientTemplate(

    "<a onclick='showOrderDetail('#= OrderName #')' href='\\#'>#= OrderName #</a>"

).Title("Order Name").Width(150);

                                                

renders incorrectly as shown below with a mix of a double quote and single quote on the parameter

<a onclick="showOrderDetail(" OrderXYZ')'="" href="#">OrderXYZ</a>

Any ideas on how to get the proper single quotes around this variable?

[Atanas Korchev]

Hi,

 Try using escaped double quotes instead:

"<a onclick=\"showOrderDetail('#= OrderName #')\" href='\\#'>#= OrderName #</a>"

Greetings,
Atanas Korchev
the Telerik team

[VP]

Hi

This works perfectly fine when the string does not have any special characters.
Say for instance, the OrderName = D'Sample OrderName, it fails. How do we escape the special characters in this case so that it passes the actual values to the jQuery Function.

Thanks.

[Atanas Korchev]

Hello,

In that case you will need a helper function to escape single and double quotes. Here is a demo: http://dojo.telerik.com/@korchev/oDIH

Regards,
Atanas Korchev
Telerik

 

 

[VP]

Thanks Atanas. That works.

[VP]

Thanks Atanas. That works.

[Divya]

Hello, I have a similar situation and I'm using the code below:

columns.Bound(p => p.websiteUrl).Title("Website URL").ClientTemplate("<a onclick=\"Products_Read('#= websiteUrl #')\" href='\\#'>#= websiteUrl #</a>").;

But the link doesn't work. Can someone please tell me how to get a working url when clicked on it?  

It displays a hyperlink work which doesn't.

Thanks in advance! 

[Viktor Tachev]

Hi Veda,

Please check out the article below that illustrates how you can add action link to the Grid ClientTemplate. 

• http://docs.telerik.com/aspnet-mvc/helpers/grid/faq#how-to-use-action-links

Regards,
Viktor Tachev
Progress Telerik