Knockout自定义绑定更新无法正常工作

时间:2016-06-23 12:14:50

标签: knockout.js knockout-binding-handlers

我正在尝试为hasFocus添加自定义绑定器以便像这样工作

ko.bindingHandlers.hasfocus = {

//update the control when the view model changes
update: function (element, valueAccessor) {
    ko.unwrap(valueAccessor());
    alert('update');
    setTimeout(function () {
        alert(3);
        if (value
            && element.offsetWidth && element.offsetHeight
            && document.activeElement && document.activeElement != element) {
            element.focus();
            ko.utils.triggerEvent(element, "focusin"); // For IE, which doesn't reliably fire "focus" or "blur" events synchronously
        }
    });
}

};

但它永远不会进入这个功能。我正在关注这个例子

http://jsfiddle.net/mbest/tAGmp/

问题是,我的输入字段在开头不可见。如果我点击某个地方,那么它就可见了。输入字段如下所示

<input type="text"  data-bind="hasFocus: true" />

我试图让硬件代码值为true。如果它有效,那么我会把它改成一些可观察的。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我在这里更新了小提琴。正如您在控制台中看到的那样,最初会在输入值时触发它。

http://jsfiddle.net/tAGmp/11/

ko.bindingHandlers.hasfocus = {
    update: function(element, valueAccessor) {
        console.log('update');
        var value = ko.utils.unwrapObservable(valueAccessor());
        setTimeout(function() {
            if (value
                && element.offsetWidth && element.offsetHeight
                && document.activeElement && document.activeElement != element)
            {
                element.focus();
                ko.utils.triggerEvent(element, "focusin"); // For IE, which doesn't reliably fire "focus" or "blur" events synchronously
            }
        },0);
    }
};

希望这会有所帮助。