kendo 树视图模板:d.MyFunction 不是函数
kendo treeview template: d.MyFunction is not a function
我正在使用 kendo 树视图控件(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不是函数如果我用一个简单的模型 属性 (例如布尔值)替换函数,一切正常。有人可以帮忙吗?
这个好像不行,但是可以在条件表达式中引用函数(注意这里一定要加上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>
# } #
我正在使用 kendo 树视图控件(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不是函数如果我用一个简单的模型 属性 (例如布尔值)替换函数,一切正常。有人可以帮忙吗?
这个好像不行,但是可以在条件表达式中引用函数(注意这里一定要加上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>
# } #