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>

虽然此代码显示带有剑道样式但没有calllout的标题：

<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点击功能。

设置按钮的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"

希望有所帮助

Kendo工具提示按钮

2 个答案: