Here's an example of a .Net (Razor) declared Kendo Grid
@(Html.Kendo().Grid(userOrgUnits)
.Name("UserOrgUnitsGrid")
.Columns(columns =>
{
columns.Template(e => { }).ClientTemplate(" ").Title("Org Unit");
columns.Bound(userOrgUnit => userOrgUnit.OrgUnitTypeName).Title("Type").Width(90);
})
.DataSource(dataSource => dataSource
.Ajax())
.Scrollable()
.Resizable(resize => resize.Columns(true))
.ClientRowTemplate(
"#var ouActiveClass = Active ? active_const : inactive_const;#" +
"#var uActiveClass = UserActive ? active_const : inactive_const;#" +
"#isAltRow = ++rowIndex % 2 == 0;# "+
"#var altRowClass = isAltRow ? altRow_const : '';#" +
"<tr role='row' class='#= altRowClass #'> " +
"<td class='userOrgUnit'>" +
"<div class='userOrgUnitName'><a href='/#=OrgUnitTypeName#/details/#=OrgUnitID#'>#=OrgUnitName #</a></div>" +
"#if(CustomerName != null){#"+
" <div class='userOrgUnitCustomer'><a href='/Customer/details/#=CustomerId#'>#=CustomerName #</a></div>" +
"#}#"+
"</td>" +
"<td>"+
"#=OrgUnitTypeName#" +
"</td>" +
"</tr>")
)
Basically I want all that goo in the ClientRowTemplate in a template script and be able to reference it by ID as if I had declared this control with javascript. i.e.
kendo.template($("#template-id").html()