在数据绑定中使用对象进行敲除绑定

Question

我试图找到一种方法将一些值作为对象绑定到元素

如果我这样绑定就可以了

var viewModel = { 
    someObj: ko.observable(),
    textBox: { 
        value: ko.observable('val'),
        attr: { title: 'Test', placeholder: 'Test' },
        style: { width: '100px' }
    }
}

<input type="text" data-bind="value: textBox.value, attr: textBox.attr, style: textBox.style />

但是有没有办法这样绑定

<input type="text" data-bind="bindFrom: textBox" />

我尝试使用 ko.bindingHandlers 创建自定义绑定 "bindFrom" 但不知道如何手动触发这些单独的绑定。

寻求帮助！

提前致谢。

Answer 1

阅读后knockout.debug.js

我已经创建了这个自定义绑定

ko.bindingHandlers.bindFrom = {
    init: function (element, valueAccessor, allBindings) {
        var value = ko.utils.unwrapObservable(valueAccessor()) || {};
        ko.utils.objectForEach(value, function (bindName, bindValue) {
            bindObj = ko.bindingHandlers[bindName];
            ko.utils.objectForEach(bindObj, function (type, fn) {
                if (typeof fn == 'function')
                    fn(element, function () { return bindValue }, allBindings);
            });
        });
    }
};

工作正常，符合预期。

在 JSFiddle

查看

在数据绑定中使用对象进行敲除绑定

Knockout binding using object in data-bind

html

javascript

jquery

knockout.js