Question

I’ve having a problem defining a ASP.NET MVC ClientTemplate for a column in a Kendo grid because the ‘+’ sign is being stripped out, which causes the client-side generated template to fail because of bad syntax.

My ClientTemplate is:

c.Template(@<text></text>).ClientTemplate("#='Hello' + Name#")

In the client, however, this gets reduced to:

template: "#='Hello'   Name#"

i.e. the plus sign has been rendered as a space (similar to URL encoding I guess). The template works perfectly if I use from JS directly (see this JSBin).

Does anyone know how I can escape the + sign so I can use it in the ClientTemplate?

I have tried escaping using ‘\\+‘ (gets rendered as ‘\‘), ‘\+‘ (invalid C#), + (same as +, although others such as ,‘ work fine).

Any ideas? Thanks.

For reference I’m using Razor markup and Q2 2012 Kendo release (can’t use Q3 yet as limited by jQuery version as we’re upgrading from Telerik)

NOTE: before anyone asks why I’m doing this, my ClientTemplate is actually more complex but this is a simplified example to illustrate the problem 🙂

Answer 1

Found a solution (possibly more of a workaround). Rather than writing inline JavaScript I moved my code to a separate JS function and called that from the template code, e.g.:

#=myFunctionToDoComplicatedStuff(Name)#

To be honest, for reasons of testability, reuse and general good practice this is probably the approach that should be taken anyway. It’s a bit annoying for something trivial though!