Question

我实际上认为这将是一项简单的任务，但我无法让它发挥作用。这是场景：

我有一个视图模型，它有一个包含各种字符串的标签对象。

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是视图模型中字符串的路径，但我不知道如何告诉它使用哪个模型或在何处提供对模型的引用。

任何建议怎么做？

Answer 1

您是否意识到您为Text键入了text而不是<a>？尝试改变它！另外，我认为你也错过了后退按钮来指定角色data-role="backbutton"

按钮和链接上的Kendo UI文本绑定

1 个答案: