function - Kendo Treeview 模板 : d. MyFunction 不是函数

Question

我正在使用 Kendo Treeview 控件(mvvm 版本)。这些项目绑定(bind)到使用 View 模型功能的模板。

<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) {...};

点击事件执行，但是模型绑定(bind)时css函数抛出错误: 未捕获的类型错误:d.MyCssFunction 不是函数。 如果我用简单的模型属性(例如 bool 值)替换函数，一切正常。有人可以帮忙吗？

Answer 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>
# } #