转义+（加号）登录Kendo网格ASP.NET MVC ClientTemplate

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#"

ie 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

I checked the source code ¹ , the MVC wrapper is calling HttpUtility.UrlDecode on all templates before it renders them to JS. So to escape your + sign (or any other reserved URL character), use percent encoding . In this case %2B .

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

¹ v2013.3, src\\Kendo.Mvc\\Kendo.Mvc\\UI\\Grid\\Columns\\GridColumnBase.cs, line 135. I suspect this is a bug and they meant to call HttpUtility.UrlEncode .

Answer 2

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, eg:

#=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!

Answer 3

如果您只需要一个简单的解决方案来在ClientTemplate中进行连接以避免加号的编码问题，您可以使用这样的javascript concat函数：

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

Answer 4

您是否尝试过算术并将其置于引号之外，如下所示：

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

Answer 5

For what it's worth, I just ran into this and solved it by subtracting a negative value. Such as:

kendo.parseFloat(Amount)  - -kendo.parseFloat(Tip)

Answer 6

I have found a solution by using an alternative plus sign .

c.Template(@<text></text>).ClientTemplate("#='Hello' (<span style=\\\\'font-size: 0.6em\\\\'>&#10133;</span>{ Name#")

This will result in...

template: "#='Hello + Name#"