Показать условное изображение в сетке кендо

Question

У меня есть сетка Кендо, которая отображает некоторые данные. Теперь я хочу добавить столбец изображения.

Я пробовал так:

@(Html.Kendo().Grid<TegelCheckerModel>() 
      .Name("Grid") 
      .Columns(columns => 
      { 
       columns.Bound(p => p.IsTegelZichtbaar).ClientTemplate("#= getImage(data)#"); 
      }) 
      .AutoBind(true) 
      .Pageable() 
      .Sortable() 
      .Filterable() 
      .DataSource(dataSource => dataSource 
      .Ajax() //Or .Server() 
      .Read(read => read.Action("GetTegels", "TegelChecker") 
      .Data("getAlvNummerAndVoorWie")) 
      ) 
     ) 

, а затем в JS я сделать следующее:

function getImage(data) { 
      var html; 

      if (data.IsTegelZichtbaar) { 
       html = "<img src='~/Images/valid.jpg' />"; 
      } 
      else{ 
       html = "<img src='~/Images/notvalid.jpg' />"; 
      } 
      return html; 
     } 

Изображения существуют, но они не отображаются. Что мне не хватает? Что я не вижу?

Answer 1

Не удалось загрузить изображение. Вот почему он не показывался. Глупо меня за то, что не проверяю.