剑道树视图模板：d.MyFunction 不是函数答案

【问题标题】：kendo treeview template: d.MyFunction is not a function剑道树视图模板：d.MyFunction 不是函数
【发布时间】：2017-01-16 17:55:46
【问题描述】：

我正在使用剑道树视图控件（mvvm 版本）。这些项目绑定到使用视图模型功能的模板。

<div id="myTreeView"
         data-role="treeview"
         data-bind="source: MySource"
         data-template="treeview-template">
</div>

<script id="treeview-template" type="text/x-kendo-template">
    <span data-bind="events: { click: MyClickEvent }, css: { active: MyCssFunction(#=item.Id#) }">#: item.Name #</span>
</script>

viewModel.MyCssFunction = function(e) {...};
viewModel.MyClickEvent= function(e) {...};

点击事件执行了，但是模型绑定时css函数抛出错误：未捕获类型错误：d.MyCssFunction is not a function。如果我用简单的模型属性（例如布尔值），一切正常。有人可以帮忙吗？

【问题讨论】：

标签： function templates mvvm kendo-ui kendo-treeview

【解决方案1】：

这似乎不可能，但是可以在条件表达式中引用该函数（注意这里必须添加viewModel）：

# if(viewModel.MyCssFunction(item.Id)) { #
     <span class="active" data-bind="events: { click: MyClickEvent }">#: item.Name #</span>
# } else { #
     <span data-bind="events: { click: MyClickEvent }">#: item.Name #</span>
# } #

【讨论】：