Tôi có thể applyBindings cho nhiều hơn một phần tử DOM bằng Knockout không?

Question

Tôi đã có một cấu trúc như thế này:

<div id='col1'> ... some ko elements ... </div> 
<div id='col2'></div> 
<div id='col3'> ... some more ko elements ... </div> 

... và tôi cần để có thể ko.applyBindings-col1 và col3. Ngay bây giờ, tôi đang làm một cái gì đó như thế này để liên kết với col1:

ko.applyBindings(myViewModel, document.getElementById("col1")); 

Điều đó làm việc tốt để điền cột đầu tiên. Nhưng tôi vẫn thiếu cột thứ ba. Tôi rất muốn có thể làm điều này:

<div id='col1' class='bindable'> ... some ko elements ... </div> 
<div id='col2'></div> 
<div id='col3' class='bindable'> ... some more ko elements ... </div> 

Và sau đó ...

ko.applyBindings(myViewModel, $(".bindable")); 

... để nó cố gắng liên kết với tất cả các trường của .bindable. Có điều gì như thế này trong loại trực tiếp hay bạn có bất cứ đề nghị nào không?

Answer 1

Dưới đây là giải pháp tốt nhất mà tôi đã tìm thấy:

<div id='col1' class='bindable'> ... some ko elements ... </div> 
<div id='col2'></div> 
<div id='col3' class='bindable'> ... some more ko elements ... </div> 

Và sau đó kịch bản gắn kết ...

$(".bindable").each(function(){ 
    ko.applyBindings(myViewModel, this[0]); 
} 

này làm việc cho tôi và nó đẹp và sạch sẽ.

Answer 2

Nhìn từ góc độ khác, bạn chỉ có 1 kiểu xem. Vì vậy, tại sao không quấn toàn bộ các div (col1, col2, vv) với một div và ràng buộc viewmodel của bạn với nó?

<div id='myWrapper'> 
    <div id='col1'> ... some ko elements ... </div> 
    <div id='col2'></div> 
    <div id='col3'> ... some more ko elements ... </div> 
</div>