Knockout binding using object in data-bind

Question

i was trying to figure a way to bind some values as object to an element

It works if i do binding like this

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 />

But is there any way to bind like this

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

I tried to create a customBinding "bindFrom" using ko.bindingHandlers but dont know how to trigger these individual bindings manually.

Looking for some help!.

Thanks in advance.

Answer 1

after reading knockout.debug.js

i have created this custom binding

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);
            });
        });
    }
}; 

which is working fine like expected.

check it out at JSFiddle