我实际上认为这将是一项简单的任务,但我无法让它发挥作用。这是场景:
我有一个视图模型,它有一个包含各种字符串的标签对象。
label: {
'title': app.options.localize('products'),
'leftTabButton': app.options.localize('menu'),
'rightTabButton': app.options.localize('scan'),
'leftDetailButton': app.options.localize('back'),
'rightDetailButton': app.options.localize('save')
}
现在我有一个对应的视图绑定到该模型并尝试将这些标签绑定到一些按钮。
<div id="navbar" data-role="navbar">
<a data-align="left" data-bind="Text: label.leftDetailButton"></a>
<span data-role="view-title" data-bind="text: label.title"></span>
<a data-role="button" data-align="right" data-bind="Text: label.rightDetailButton"></a>
</div>
但是绑定到<a>
或绑定到data-role="button"
(这是一个小部件)都不会成功。我总是得到:“未捕获的错误:a 元素不支持文本绑定”我还尝试进行自定义绑定......也不起作用。
kendo.data.binders.widget.buttonText = kendo.data.Binder.extend({
init: function(widget, bindings, options) {
widget.element[0].innerText = bindings.buttonText.path;
}
});
虽然bindings.buttonText.path
是视图模型中字符串的路径,但我不知道如何告诉它使用哪个模型或在哪里提供对模型的引用。
有什么建议怎么办?