This question is locked. New answers and comments are not allowed.
I am working on a MVC application and using telerik mvc grid. I need to show clickable Speaker Image icon in column against a voice link, I achived this by using server side and client side template, but due to client side template when i sort/refresh the grid Speaker Image link does'nt call the javascript function, nothing happens.
<% Html.Telerik().Grid(Model.GetVariables)
.Name("VariableGrid")
.DataKeys(dataKeys => dataKeys.Add(m => m.variableId))
.Columns(columns =>
{
columns.Bound(m => m.variableDescription).Title("Description");
columns.Bound(m => m.variableVoiceLink).Title("Voice Link")
//Template to show Listen (Speaker) icon
.Template(m =>
{%>
<
a
href
=
"#?w=300"
rel
=
"popup_Upload"
class
=
"poplightUpload"
lang="<%=m.variableId%>" >
<
img
title
=
"Upload audio"
style
=
"border:0; float:right;"
src
=
"<%:Url.Content("
~/Content/TMG/Images/Upload.png") %>" />
</
a
>
<% if (!string.IsNullOrEmpty(m.variableVoiceLink))
{ %>
<
sup
><
label
style
=
"padding-right:4px; font-size:small;"
><%=m.variableVoiceLink%> </
label
>
<
a
style
=
" padding:6px"
href
=
"#?w=300"
rel
=
"popup_name"
class
=
"poplight"
lang="<%=m.variableVoiceLink%>" >
<
img
title
=
"Play Voice"
style
=
"border:0; float:right; padding-right:3px;"
src
=
"<%:Url.Content("
~/Content/TMG/Images/speaker.png") %>" />
</
a
>
</
sup
>
<%}
else
{%> <
label
><%=m.variableVoiceLink%> </
label
> <%} %>
<%})
.ClientTemplate("<
a
href
=
'#?w=300'
rel
=
'popup_Upload'
class
=
'poplightUpload'
lang = '<#= variableId #>' >" +
"<
img
title
=
'Upload audio'
style
=
'border:0; float:right;'
src
=
'../Content/TMG/Images/Upload.png'
/>" +
"</
a
>" +
"<# if (variableVoiceLink != null)" +
"{ #> <
sup
><
label
style
=
'padding-right:4px; font-size:small;'
> <#= variableVoiceLink #> </
label
>" +
"<
a
href
=
'#?w=300'
rel
=
'popup_name'
class
=
'poplight'
lang = '<#= variableVoiceLink #>' >" +
"<
img
title
=
'Play Voice'
style
=
'border:0; float:right;'
src
=
'../Content/TMG/Images/speaker.png'
/>" +
"</
a
></
sup
>" +
"<# } #>");