kendoUI MVVM - TreeView с шаблоном флажка

Мне нужно использовать KendoUI TreeView с привязкой MVVM (декларативной), и мне нужно показать флажки только для некоторых узлов на основе поля в модели.

Для этого я хочу использовать шаблон флажка

Однако, что бы я ни делал, кажется, я не могу заставить это работать

Здесь — скрипт с древовидной структурой, привязанной через MVVM, но без шаблона флажка

Я хочу использовать функцию checkTemplate в качестве шаблона флажка, определив древовидное представление, как показано ниже.

<div class="files"
    data-role="treeview" 
    data-text-field="name"
    data-spritecssclass-field="type"
    data-checkboxes="{checkChildren: true, template: checkTemplate }"
    data-bind="source: files"
    data-template= "ktmpl_Files">
</div>

Однако это не работает. Кто-нибудь знает, что не так?

Спасибо


checkbox kendo-ui kendo-treeview kendo-mvvm kendo-template
person bzamfir    schedule 28.05.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Функция шаблона, используемая для флажков, вызывается в контексте, где ваша функция "checkTemplate" не видна. Определите его глобально:

<script type="text/javascript">
    function checkTemplate(e) {
        return "<input type='checkbox' style='display: " + (e.item.checkable ? "inline" : "none") + "'/>";
    }
</script>

Проверьте это здесь: http://jsfiddle.net/OnaBai/K6cbc/5/

person OnaBai    schedule 28.05.2014
comment
Спасибо. На самом деле разница заключалась в том, что параметр передавался в шаблон, который я пропустил. - person bzamfir; 28.05.2014