[knockoutjs2.0进一步的技术一.docxVIP

创建自定义绑定 你不仅限于使用类似内置绑定click ， value ，等等-你可以创建自己的。 这是如何控制如何观测与DOM元素的交互方式，并为您提供了很多的灵活性，在一个易于重用的方式来封装复杂的行为。 例如，你可以像的的网格，tabsets，等创建交互式组件，在自定义绑定的形式，（看到网格的例子 ）。 重要 ：下列文件适用于1.1.1及以后淘汰赛。 注册绑定的API是在1.1.0和更早的淘汰赛不同。 注册您的约束力 登记有约束力的，它作为一个子属性添加ko.bindingHandlers ： ko.bindingHandlers.yourBindingName = { init: function(element, valueAccessor, allBindingsAccessor, viewModel) { // This will be called when the binding is first applied to an element // Set up any initial state, event handlers, etc. here }, update: function(element, valueAccessor, allBindingsAccessor, viewModel) { // 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. } };那么你可以使用任何DOM元素数量： div data-bind=yourBindingName: someValue /div注：你不提供init 和 update回调-你可以提供一个或其他如果这就是你所需要的。 “更新”回调 每当相关的明显改变，正将打电话给你的update回调，传递以下参数： element -在此绑定涉及的DOM元素 valueAccessor -一个JavaScript函数，你可以打电话到当前模型的属性，在参与这一具有约束力。 呼叫没有传递任何参数（即，调用valueAccessor()来得到当前的模型属性值。 allBindingsAccessor -一个JavaScript函数，你可以打电话让所有的模型绑定到这个DOM元素的属性。 像valueAccessor ，不带任何参数调用它来 ??获取当前的绑定模型的性质。 viewModel -视图模型对象被传递到ko.applyBindings 。 内嵌套绑定上下文，这个参数将被设置为当前的数据项（例如，内with: person具有约束力， viewModel设置person ）。 例如，你可能已经控制元素的可视性使用visible约束力，但现在你想更进一步和动画过渡。 你想元素滑入了存在的根据观察值。 你可以通过编写自定义绑定，调用jQuery的slideUp / slideDown功能： ko.bindingHandlers.slideVisible = { update: function(element, valueAccessor, allBindingsAccessor) { // First get the latest data that were bound to var value = valueAccessor(), allBindings = allBindingsAccessor(); // Next, whether or not the supplied model property is observable, get its current value var valueUnwrapped = ko.utils.unwrapObservable(value); // Grab some more data from another binding property var duration = allBindings.slideDuration || 400; // 400ms is default duration unless otherwise specified // Now manipulate the DOM element if (valueUnwrapped == true) $(element).slideDown(duration); // Make the element visi