knockout.js - 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 未聚焦时，tooltip 必须隐藏。

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

但是移动到其他下拉列表可以使所有控件保持集中。为什么以及如何解决它？

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

更新 似乎是剑道本身的一些错误。没有淘汰赛的例子，只是剑道控制。同样的问题。 https://codepen.io/raptor/pen/RLPxZj