[Solved] Client Template paradox

[Bob]

I am trying to get a client template working.

I have the following client template which works:

var printTemplate = "<a href="
                 + Url.Action("Print", new { id = "<#= Key #>" })
                 + "><img alt='Print' src='"
                 + Url.Content("~/Content/images/print.gif" + "'/></a>");

During runtime it evals to:

<a href=/Amsi-v7.5.0/eFinancials/checkruncontrol/Print/%3C%23%3d%20Key%20%23%3E><img alt='Print' src='/Amsi-v7.5.0/Content/images/print.gif'/></a>

I want to make it conditionally displayed based on the Status value, so I modified it to:

var printTemplate = "<# Status == \"R\" || Status == \"D\" ? "
                     + "\"<a href="
                     + Url.Action("Print", new { id = "<#= Key #>" })
                     + "><img alt='Print' src='"
                     + Url.Content("~/Content/images/print.gif" + "'/></a>")
                     + "\" : '' #>";

Which evals at runtime to:

<# Status == "R" || Status == "D" ? "<a href=/Amsi-v7.5.0/eFinancials/checkruncontrol/Print/%3C%23%3d%20Key%20%23%3E><img alt='Print' src='/Amsi-v7.5.0/Content/images/print.gif'/></a>" : '' #>

However, I get the following javascript error when I run that.

http://localhost/Amsi-v7.5.0/Scripts/2012.1.214/telerik.grid.min.js
Line 1

missing ; before statement

...Amsi-v7.5.0/Content/images/print.gif'/></a>" : '' p.push('');}return p.join('')

I can add a semicolon to my expression... which prevents the error...however, it doesn't work. 

I feel I'm so close. If I simplify it and just put in simple strings it displays the correct string. Any help would be appreciated.

thanks,
BOb

[Petur Subev]

Hello Bob,

Basically you can use an external function to handle more complicated templates. Here is an example:
column definition :

.ClientTemplate("<#= myfunc(PersonID,Name) #>");

JavaScript function:

function myfunc(PersonID,Name) {
        if (Name=="R"||Name=="D") {

            return "<a href='" +   '@Url.Action("print")'+"/" + PersonID +"'>"
                     + "<img alt='Print' src='" + '@(Url.Content("~/Content/images/print.gif"))' + "'/></a>";
        } else {
            return "";
        }
    }

 

Regards,
Petur Subev
the Telerik team

[Bob]

Thanks Peter...

I assume because you are using an @ in your javascript that you expect that to be in the razor view? We use unubtrusive js so we don't define script in our views.. but all in separate js files.

I ended up changing my syntax a bit to do the following which worked:

var printTemplate = "<# if (Status == \"R\" || Status == \"D\") { #> "
                        + "<a href="
                        + Url.Action("Print", new { id = "<#= Key #>" })
                        + ">"
                        + "<img alt=Print src="
                        + Url.Content("~/Content/images/print.gif" + ">")
                        + "</a>" 
                        + "<# } #>";

It would be really good if the documentation gave some info on how client templates work and what syntax is expected. 

BOb