Kendo UI：如何使用 MVVM 绑定设置工具提示的值

Question

在 Kendo UI 中，我在视图中以声明方式定义了一个工具提示：

<span data-bind="events: { show: onShow }"
      data-role="tooltip"
      data-auto-hide="true"
      data-position="top">?</span>

通常，工具提示的内容将通过title 属性附加，或者在程序上附加工具提示时，通过content 属性。但是在这里，应该从模型中提取内容。

所以我正在寻找相当于 data-bind="text: contents 的 Kendo 工具提示。

Answer 1

可以通过创建一个小的自定义活页夹来完成。

kendo.data.binders.widget.tooltip = {
  value: kendo.data.Binder.extend({
     refresh: function() {
        var value = this.bindings["value"].get();
        var tooltip = this.element;

        tooltip.element.attr("title",value);
    }
  })
};

Here 是现场演示。