user-interface - 如何向 dxButton (DevExtreme) 添加工具提示？

Question

我需要这样的东西（淘汰赛）：

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

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

我不想遵循这种复杂的方式：为每个工具提示创建一个 ko.observable

Answer 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/