DataSource with special characters (JSON)

[Lars Adler]

hello,
the datasource is a valid json but i can't get the grid to display the data (see below).
am i doing something wrong  or is it not supposed to work?
thankful for any Help!
viktor

var dataSet = [
 {
"Id": "datatests/57238",
"Name": "11hacAMT02",  
"Total|Fam": 96,
"Total|Mean": 2.4,
"Total|N1": 21,
"Total|TixP": 57,
"Filter Like|Var": 1.1,
"Age__25-29_Fam":89
 },
];
var layout =  [
{
field: "Name",
title: "Name"
},  
{
field: "Total|N1", //Uncaught ReferenceError: Total is not defined
title: "Total<br>N1"
},
{
field: "Filter Like|Var", //Uncaught Error: Invalid template
title: "Filter Like<br>Var"
},
{
 field: "Age__25-29_Fam", //Uncaught Error: Invalid template 
 title: "Age 25-29<br>Fam"
}
];
var localDataSource = new kendo.data.DataSource({ data: dataSet });
$("#grid").kendoGrid({
dataSource: localDataSource,
columns:layout                    
});

[Atanas Korchev]

Hi Lars,

 The Kendo UI Grid requires column fields to be valid JavaScript identifiers. It generates a row template like this <td>#= field #</td>.

In your case the template would look like <td>#= Total|Fam #</td> which is not valid JavaScript code.

I suggest you rename the fields in your JSON response. You can set the title of the grid columns to the required value though:

columns: [
     { field: "totalFam", title: "Total|Fam" }
]

All the best,
Atanas Korchev
the Telerik team

[joshua]

Ok so im not understanding how a template that breaks under the data served to it is a correct model... I would think it would be easier to have the template format a unique ID per the data and remove special text then have it just fail.... you never know whats going to be included in the data.

This would be a deal breaker... the template needs to be self contained and not break from data....

[joshua]

I did a detailed walk through of the issue if you have not figured it out.

http://www.kendoui.com/forums/framework/data-source/uncaught-referenceerror-uid-is-not-defined.aspx#2232872 

[Ed]

I have a problem with special characters. 

<div><span
class="mob-col-title">Categor&#237;a:</span>
#=CategoryName#</div>

' Generated code:'var
o,e=kendo.htmlEncode;with(data){o='\n
<div><span
class="mob-col-title">Categor&';237;a:</span>
;o+='=CategoryName';</div>

[Alex Gyoshev]

Hello Ed,

When using the # character in templates, it needs to be escaped -- otherwise it will be handled like template logic:

<div><span class="mob-col-title">Categor&\#237;a:</span>#=CategoryName#</div>

Regards,
Alex Gyoshev
Telerik