kendoDropDownListWithTooltip自定义挖空绑定

Question

我想创建一个自定义绑定来合并Kendo DropDownList和Kendo Tooltip。所以我做到了：

ko.bindingHandlers.kendoDropDownListWithTooltip =
  {
  init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
    var local = ko.utils.unwrapObservable(valueAccessor());

    // INIT DropDown
    ko.bindingHandlers.kendoDropDownList.init(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext);
    var combo = $(element).data().kendoDropDownList;

    // INIT Tooltip
    if (combo) {
      var tooltipConfig = local.tooltip;
      var newValueAccessor = function () { return tooltipConfig; };
      ko.bindingHandlers.kendoTooltip.init(combo.wrapper, newValueAccessor, allBindingsAccessor, viewModel, bindingContext);
    }
  }
};

但它没有按预期工作。 我只需要在DropDownList聚焦时显示工具提示。当Dropdown未聚焦时，必须隐藏工具提示。

<input data-bind="kendoDropDownListWithTooltip: { data: choices, value: selectedChoice, tooltip: { showOn: 'focus', position: 'right', content: 'Tootlip Tooltip Tooltip' } }" />

但转移到其他投影会使所有控件都集中注意力。为什么以及如何解决它？

https://codepen.io/raptor/pen/xXGPmK

更新 似乎是剑道本身的一些错误。没有Knockout的示例，只是kendo控件。一样的问题。 https://codepen.io/raptor/pen/RLPxZj