mvvm - 一个按钮的剑道工具提示

Question

以下代码显示了没有剑道样式的标题：

<button data-role="button" data-bind="click: add" data-position="top" class="k-button" title="Add">
        <i class="fa fa-file-o fa-2x"></i>
    </button>

虽然这段代码显示了带有剑道风格但没有标注的标题：

<button data-role="tooltip" data-bind="click: add" data-position="top" class="k-button" title="Add">
        <i class="fa fa-file-o fa-2x"></i>
    </button>

如何以 MVVM 方式显示具有剑道样式和标注的按钮的剑道工具提示？

Answer 1

由于 Kendo 使用 jQuery，您可以使用 jquery click 功能。

设置按钮的 ID

 <button id="testbutton" data-role="tooltip" data-bind="click: add" data-position="top" class="k-button" title="Add">
            <i class="fa fa-file-o fa-2x"></i>
        </button>

添加点击事件处理程序

$('#testbutton').click(function(){
    alert('xx');
});

Answer 2

这里完全相同的问题。

我找到的唯一解决方案是：

<button id="addButton" data-role="button" data-bind="click: add" data-position="top" class="k-button" title="Add">
        <i class="fa fa-file-o fa-2x"></i>
</button>

在你绑定的 js 中：

$("#addButton").kendoTooltip({         
});

我找不到纯 MVVM 解决方案，因为您不能拥有超过 1 个数据角色属性，也不能拥有

data-role="button tooltip"

希望有帮助