jquery – Knockout内联编辑绑定

发布时间:2020-09-15 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了jquery – Knockout内联编辑绑定编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我去寻找一个淘汰内联编辑绑定,但我发现的唯一一个除了jQuery或 used more than just a binding之外还有 external dependencies.

所以我想我会分享我想出的简单的一个(其他答案当然是受欢迎的,特别是那些只使用淘汰赛的那些).

解决方法

作为替代方案:我用于内联编辑的代码如下所示:

ko.bindingHandlers.hidden = {
    update: function(element,valueAccessor) {
        ko.bindingHandlers.visible.update(element,function() { return !ko.utils.unwrapObservable(valueAccessor()); });
    }        
};

ko.bindingHandlers.clickToEdit = {
    init: function(element,valueAccessor) {
        var observable = valueAccessor(),link = document.createElement("a"),input = document.createElement("input");

        element.appendChild(link);
        element.appendChild(input);

        observable.editing = ko.observable(false);

        ko.applyBindingsToNode(link,{
            text: observable,hidden: observable.editing,click: observable.editing.bind(null,true)
        });

        ko.applyBindingsToNode(input,{
            value: observable,visible: observable.editing,hasfocus: observable.editing
        });
    }
};

http://jsfiddle.net/rniemeyer/Rg8DM/

总结

以上是编程之家为你收集整理的jquery – Knockout内联编辑绑定全部内容,希望文章能够帮你解决jquery – Knockout内联编辑绑定所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!