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

Posted 2023-05-07

【中文标题】Kendo UI：如何使用 MVVM 绑定设置工具提示的值

【英文标题】：Kendo UI: How to set the value of a tooltip with a MVVM binding

【发布时间】：2013-12-14 13:40:44

【问题描述】：

在 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 工具提示。

【参考方案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 是现场演示。