如何将工具提示添加到dxButton(DevExtreme)?

时间:2015-02-17 08:34:13

标签: user-interface knockout.js devexpress tooltip devextreme

我需要这样的东西(淘汰赛):

<div class="button" data-bind="dxButton: { text: 'Save', tooltip: 'Click here to save!' }"></div>

我需要一个dxTooltip来显示给定的工具提示文本。

我不想按照这种复杂的方式:Creating a ko.observable for each tooltip

1 个答案:

答案 0 :(得分:1)

您可以将可观察的内容用于工具提示......

<div data-bind="dxTooltip: { visible: visible, target: target }">
   <div data-bind="text: tooltipContent"></div>
</div>

var vm = {
    tooltipContent: ko.observable()
    //.....
};

我在这里做了一个示例http://jsfiddle.net/p3ret0vx/17/