Question

我有一个简单的KendoUI日历小部件，每天都使用自定义类实现，点击后会显示一个kendoUI ToolTip

                $("#calendar").kendoCalendar({
                    month: {
                        // template for dates in month view
                        content: '<div class="tool_tip">#=data.value#</div>'
                    },
                    footer: false
                });


                $(".tool_tip").kendoTooltip({
                    autoHide: false,
                    showOn: "click",
                    position: "top",
                    content: 'Hello'
                });

由于某些奇怪的原因，它只显示当前月份每天点击的工具提示。如果我要更改工具提示将不再显示的月份。另请注意，“工具提示”类也会注入该月的所有其他日期。

感谢您的阅读。

Answer 1

问题在于您设置工具提示的方式。由于这是在创建日历时初始化的，但在导航时不会刷新。导航后创建的元素没有与之关联的工具提示。

你应该这样做：

    $(document).ready(function () {
        $("#calendar").kendoCalendar({
            month: {
                // template for dates in month view
                content: '<div class="tool_tip">#=data.value#</div>'
            },
            footer: false,
            navigate : function () {
                $(".tool_tip").kendoTooltip({
                    autoHide: false,
                    showOn: "click",
                    position: "top",
                    content: 'Hello'
                });
            }
        });
    });

检查它在这里运行：http://jsfiddle.net/OnaBai/kvbse/

KendoUI无法在每个月的日历日运行.kendoTooltip

1 个答案: