0

У меня есть вид дерева кендо, который я заполняю с использованием иерархического источника данных. Я хочу отображать несколько узлов красного цвета, если этот узел мягко удален из таблицы базы данных. (Мягкие удаленные записи идентифицируются с полем базы данных «DEL_FLG» .Если это поле задано как Y, запись считается удаленной. Ниже приводится способ заполнения дерева. Не могли бы вы рассказать мне, как удалить ясные удаленные записи красным цветом? ?Проблема с настройкой дерева дерева Кендо с использованием шаблона

 var treeData = new kendo.data.HierarchicalDataSource({ 

     transport: { 
      read: { 
       url: NsMenuMaster.urls.getMenuTreeUrl, 
       data: data, 
       datatype: "json", 
       type: "POST" 
      } 
     }, 
     schema: { 
      model: { 
       id: "MenuConfigUid",     
       children: "Child" 

      } 
     } 
    }); 

    $("#MenuTreelist").kendoTreeView({ 
     dataSource: treeData, 
     dataTextField: ["MenuText"], 
     dataValueField: ["MenuConfigUid"], 
     height: 1000, 
     template: "#: item.DelFlg # == 'Y'" ? "<div style='color: red'>#: item.MenuText #</div>" : "<div style='color: black'>#: item.MenuText #</div>", 
     checkboxes: { 
      template: "<input type='checkbox' name='StudentClassID' value='#= item.id #' />", 
      checkChildren: true 
     }, 
     select: NsMenuMaster.onSelect 
    }); 
+0

Вашего вопроса говорит * вопрос *, но нет никакого шаблона вообще. Кажется, вы даже не начали. Вы что-то пробовали? – DontVoteMeDown

+0

Привет @DontVoteMeDown Я обновил код. вы можете проверить сейчас. Почему он не работает ... –

ответ

0

Добавить шаблон конфигурации для опций TreeView, то есть:

$("#MenuTreelist").kendoTreeView({ 
    template: kendo.template($("#treeview-template").html()), 
    .... 

и какой-то шаблон

<script id="treeview-template" type="text/kendo-ui-template"> 
    # if (item.DEL_FLG) { # 
     <div style='color: red'>#: item.text #</div> 
    # } 
    else { # 
     <div>#: item.text #</div> 
    # } # 
</script> 

Простой пример: http://dojo.telerik.com/@Stephen/UtobA

Дополнительные подробности после вопроса обновленный

Изменить шаблон

template: "# if (item.DelFlg == 'Y') { # <div style='color: red'>#: item.MenuText #</div> # } else { # <div style='color: black'>#: item.MenuText #</div> # } #" 

, что и: синтаксис очень трудно (если не невозможно), чтобы закодировать должным образом в качестве шаблона кендо со смешанным значением рендеринг с произвольным javascript, поэтому просто использовать фактический оператор if-else.

Обновлен пример с одним красным узлом: Название http://dojo.telerik.com/@Stephen/esened

+0

Я обновил код для включения шаблона. Он все еще не работает –

+0

Большое вам спасибо .. Это сработало :) –

 Смежные вопросы

  • Нет связанных вопросов^_^