Kendo ui grid wenn sonst Bedingung

Question

Was ist falsch an meinem Code?

Ich muss Kendo UI Gitter einchecken gibt es "OrderType 20" in meiner Spalte. Wenn es ist, muss ich meine css-Bedingung anwenden, die Hintergrund enthält, aber es funktioniert nicht, kann mir jemand helfen?

dank

template: '# if (OrderType == "OrderType 20") {#<div class='customClass'>#:OrderType#</div>#} else {#OrderType#}#' 

Answer 1

Es könnte Ihnen verschachtelte Hilfe für, wenn sonst für Zeilenvorlage Kendo ui Raster. h.

template: "#if(ErrorDesc==null){# #: DeviceLabel # #}else If(ErrorDesc==""){# #: DeviceLabel # #}else{# #: DeviceText # #}#" 

Answer 2

Sie können es in dieser Geige Raster Databound-Ereignis too.Check Griff:

http://jsfiddle.net/Sowjanya51/krszen9a/

Sie die Databound statt Looping durch alle Zellsammlung ändern

if(dataItem.OrderType == 'OrderType20') 

Answer 3

Ich würde Ihnen empfehlen, eine Funktion zu schreiben und diese in der Vorlage aufzurufen und die Logik darin zu codieren. Folgendes ist das Beispiel.

$(gridId).kendoGrid({ 
dataSource: { 
    data: datasource 
}, 
scrollable: true, 
sortable: true, 
resizable: true, 
columns: [ 
{ field: "MetricName", title: "Metric", width: "130px" }, 
{ field: "OnTrack", title: "On Track", template:'#:changeTemplate(OnTrack)#', width: "130px", attributes: { style: "text-align: center !important;" } }, 
{ field: "CurrentAmount", title: "Current", template: '$ #:parseFloat(CurrentAmount).toFixed(2)#', width: "130px" }, 
{ field: "RequiredAmount", title: "Required", template: '$ #:parseFloat(RequiredAmount).toFixed(2)#', width: "130px" } 
] 
}); 

function changeTemplate(value) 
{ 
    Conditions depending on Your Business Logic 
if() 
    return "HTML Here"; 
else 
    return "HTML Here"; 
} 

Answer 4

auf einfache Weise: Ich danken Ihnen alle

template: "#if(OrderType == 'OrderType 20') {#<div class='customClass'>#:OrderType#</div>#} else{##:OrderType##}#"