Knockout JS。将扩展器应用于ViewModel中的所有可观察对象？

Question

有没有一种方法来设置一个全局配置在KnockoutJS一个ViewModel？

两种可能使用情况可能是：

• 应用扩展程序的视图模型的每个观察到内部。例如，如果我写的像这里装饰功能：Automatically trim whitespace from all observable values，我怎么可以把它应用到每个观察的？

放眼淘汰赛验证插件源，我看到创建validatedObservable（）的时候，它真的把所有的子场为一个observableArray（）它然后遍历并应用obj.extend({ validatable: true });。创建这样一个循环是最好的方式？是唯一的其他替代书写代码，如self.firstName = ko.observable().trimmed()？

• 全局地将defaultEvent从“change”更改为“afterkeydown”。

我看到我可以使用<input data-bind="value: name, valueUpdate: 'afterkeydown'" />，但是有没有一种方法可以通过编程或默认方式将它应用于每个输入？是这仍是首选的解决方案：How can I get Knockout JS to data-bind on keypress instead of lost-focus?

• 最后，有火在都变化和按键事件的另一种方式？

谢谢！

Answer 1

在要处理多个事件，这将是最好使用自定义绑定：

JSFIDDLE

ko.bindingHandlers.onChange = { 
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     // This will be called when the binding is first applied to an element 
     // Set up any initial state, event handlers, etc. here 
     var value = valueAccessor(); 
     var el = $(element); 
     el.on({ 
      change: function() { 
       value(el.val()); 
      }, 
      keyup: function() { 
       value(el.val()); 
      } 
     }); 
    }, 
    update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     // This will be called once when the binding is first applied to an element, 
     // and again whenever the associated observable changes value. 
     // Update the DOM element based on the supplied values here. 
    } 
}; 

var model = { 
    name: ko.observable('John') 
}; 

ko.applyBindings(model); 

HTML：

<input type="text" data-bind="onChange: name, value: name" /> 
<div data-bind="text: name"></div>