web-dev-qa-db-fra.com

Kendo ui grid sinon condition

Quel est le problème avec mon code? 

Je dois vérifier dans la grille de l'interface utilisateur du kendo qu'il y a "OrderType 20" dans ma colonne. Si c'est le cas, je dois appliquer ma condition CSS qui inclut un arrière-plan, mais cela ne fonctionne pas, quelqu'un peut-il m'aider? Merci

template: '# if (OrderType == "OrderType 20") {#<div class='customClass'>#:OrderType#</div>#} else {#OrderType#}#'
javascriptif-statementkendo-gridconditional
7
Aviator

Cela pourrait vous aider pour imbriqué, sinon pour le gabarit de rangée de grille de kendo ui. c'est à dire.

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

Je vous recommanderais d'écrire une fonction et de l'appeler dans un modèle et d'en coder la logique Voici l'exemple.

$(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";
}
4
ashutosh jambhale

Vous pouvez également le gérer dans un événement lié à la databound de la grille. Vérifiez ce violon:

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

Vous pouvez modifier le databound au lieu de parcourir en boucle toute la collection de cellules

if(dataItem.OrderType == 'OrderType20')
1
Andrea
{
  field: "status",
  title: "Status",
  width: "80px",
  template: "#  if (status == '1' ) { # <center><span 
                style='color:green;'>Active</span></center> #
            } 
            else if (status == '0'){ # 
               <center><span style='color:red;'>Deactive</span></center> 
            #} #"
}
1
bilal chaudhari