Grille de données de l'interface utilisateur Kendo: comment modifier la valeur d'affichage de la colonne en fonction du drapeau d'état valeur entière

Question

Dans datasource j'ai la valeur status comme 0 ou 1. Sur cette base, dans le DataGrid je veux afficher la valeur du statut de "Active for Status=1" and "Inactive for Status=0". Comment puis-je modifier les valeurs de colonne en conséquence.

Voici le DEMO de mon DataGrid.

code:

$(document).ready(function() { 

      var myData = [{ 
      id: 1, 
      name: "Grant", 
      location: "A", 
      color: "green", 
      status: 1, 
      }, { 
      id: 2, 
      name: "Vaughan", 
      location: "B", 
      color: "red", 
      status: 0, 
      }, { 
      id: 3, 
      name: "David", 
      location: "A", 
      color: "orange", 
      status: 1, 
      }]; 

      $("#grid").kendoGrid({ 
      dataSource: { 
       data: myData, 
       schema: { 
       model: { 
        fields: { 
        id: { type: "number" }, 
        name: { type: "string" }, 
        location: { type: "string" }, 
        color: { type: "string" } 
        } 
       } 
       } 
      }, 
      columns: [ 
       { field: "id", title: "ID", width: "130px" }, 
       { field: "name", title: "Name", width: "130px" }, 
       { field: "location", title: "Location", width: "130px" }, 
       { field: "color", title: "Color", width: "130px" }, 
       { field: "status", title: "Status", width: "130px" }, 
      ] 
      }); 


     }); 

Answer 1

Utiliser le modèle pour la valeur de la colonne conditionnelle

{ field: "status", title: "Status", width: "130px", template: "#if(status==1) # Active # }else{# Inactive #}#"} 

Working fiddle