KnockoutJs - 为什么 init 绑定处理程序只被调用一次？

Question

我有一个问题，即第二次从服务器更新数据时没有调用 init: 函数。

有什么原因可能会发生这种情况吗？

我正在使用映射插件。我不明白的另一个问题是我是否需要根据这是第一次调用还是第二次调用以不同的方式调用映射插件函数？

JS

 function ViewMemberPopup(memberId) {

        $.get("/People/GetMemberDetails?memberId=" + memberId, function (data) {            
            viewMemberModel.model = ko.mapping.fromJS(data);            
            ko.applyBindings(viewMemberModel.model, $("#memberDetailsContainer")[0]);
        });
    }


 // binding handler
 ko.bindingHandlers.renderMemberModal = {
        init: function (element, valueAccessor, allBindingsAccessor) {
            $(element).modal("show");            
        }
    };

HTML： 我已经使用 renderMemberModal:true 作为绑定处理程序，不知道为什么我需要附加一个属性。我只需要调用渲染函数...

     <div class="modal fade" id="viewMemberModal" data-bind="renderMemberModal: true" style="display: none;">
        <div class="modal-header">
            <a class="close" href="#">×</a>
            <h3>
                Member Details</h3>
        </div>
        <div class="modal-body">
             <div data-bind="template: { name: 'memberDetailsTemplate' }">
            </div>
        </div>
        <div class="modal-footer">
            <a class="btnx closeModal">Close</a>
        </div>
    </div>

我正在使用 bootstrap css 来显示模式弹出窗口。

Answer 1

您通常不希望在每次更新时继续对同一元素调用 applyBindings。这最终可能会添加多个事件处理程序，具体取决于您使用的绑定。如果您要这样做，那么您至少需要在该元素上调用 ko.cleanNode 。类似于： http://jsfiddle.net/rniemeyer/F4AzB/

而不是在每次更新时调用 applyBindings ，我认为让 template 绑定（或作为模板绑定包装器的控制流绑定）处理内容更新会更容易。

您的 viewModel 可以有一个 observable 来表示您的数据。然后，您可以使用数据的新副本更新该可观察值。

在这种情况下，您真正​​想要做的是让您的自定义绑定只有一个更新函数，并确保访问主要的可观察对象，以便每次调用更新函数时它都会触发。

ko.bindingHandlers.custom = {
    update: function(element, valueAccessor) {
        ko.utils.unwrapObservable(valueAccessor());  //just for subscription
        console.log("hit");
    }  
};

看起来像这样： http://jsfiddle.net/rniemeyer/dNsW8/

Answer 2

在 Knockoutjs 网站上 http://knockoutjs.com/documentation/custom-bindings.html讨论自定义绑定。

Knockout 将为您使用绑定的每个 DOM 元素调用一次 init 函数。 init 有两个主要用途：
- 为 DOM 元素设置任何初始状态
- 注册任何事件处理程序，以便例如当用户单击或修改 DOM 元素时，您可以更改关联的可观察对象的状态

因此，根据设计，仅调用 Init 一次来设置绑定。其目的是配置 DOM 对象，以便 Update 方法正确工作。