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

时间:2013-11-28 13:26:46

标签: mvvm kendo-ui

在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

1 个答案:

答案 0 :(得分:3)

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

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是一个现场演示。