如何从配置文件中读取数据绑定属性值并将其绑定到视图

Question

In knockout, I need to take the property and value to bind from a configuration file and bind it to view. How can I achieve that?

eg

<tbody data-bind="foreach: {data: data, as : 'tbData'}">
  <!-- ko foreach: $parent.bindingProperties -->
    <input type="text" data-bind="value:tbData.spec"/>
  <!-- /ko -->
//some code
</tbody>

I need to read "value:tbData.spec" from js file. How can I write a suitable JS function and bind it to the view by calling it?

The configuration file is a js file. The config file is like

bindingProperties : [{'value': 'tbData.spec'}]

Answer 1

I'm not sure how you're currently loading the configuration file, but if you can dump its contents into an observable, here's how you could go about binding it to the UI. I've made a quick binding that will manually apply other bindings by name-value pairs. It's not something I've used before so it's not well tested and it's certainly not robust just more of a proof of concept.

ko.bindingHandlers.applyBindings = {
    update: function(element, valueAccessor, allBindingsAccessor, data, bindingContext) {
        var bindings = ko.unwrap(valueAccessor()) || {}; //should be an object with multiple properties like: { bindingName: propertyName }
        for (var name in bindings) {
            if (bindings.hasOwnProperty(name)) {
                var binding = {};
                var target = data[bindings[name]];
                binding[name] = function () { return target; };

                ko.applyBindingAccessorsToNode(element, binding, bindingContext);
            }
        }
    }
}

and here's a jsFiddle of it in action: fiddle