kendo-ui - 将 qTip 绑定到 Kendo 小部件

Question

我有这个：

<input id="numeric" title="Numeric Tooltip" type="number" min="0" max="100" />

我正在尝试执行以下操作：

$("#numeric").kendoNumericTextBox();

然后

$('#numeric').qtip({
    content: {
        text: $(this).prop("title")
    }
});

如何将这 2 个项目绑定到同一个元素？

http://jsfiddle.net/uZUjK/167/

Answer 1

首先，您需要添加脚本和样式。

然后将 qtip 应用于数字文本框的包装元素 - 因为输入元素本身始终不可见，并且工具提示也将不可见。我更新了你的小提琴来满足这些要求

var kendoNum = $("#numeric").kendoNumericTextBox().data('kendoNumericTextBox');
kendoNum.wrapper.qtip({
    content: {
        text: kendoNum.element.prop("title")
    }
});

这是您提供的链接的更新版本。

Answer 2

KendoUI 中的输入字段用其他 HTML 元素装饰，以使它们在浏览器之间兼容。您的原件input被另一个input没有numericid 的人隐藏。

采用：

$('#numeric').closest(".k-input-wrapper").qtip({
    content: {
        text: $(this).prop("title")
    }
});

反而。

注意：不要忘记包含qtip script和style。