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');
});