Verweis auf Sammlung in foreach Bindung ohne Namen zu kennen

Question

Gegeben das folgende Beispiel, übergebe ich die übergeordnete Sammlung (source: $parent.myThing.children) in die benutzerdefinierte Bindung. Ich frage mich, gibt es irgendetwas in einem Kontext, der mir sagt, was die Eltern-Sammlung ist, ohne den Namen zu kennen?

<div data-bind="foreach: myThing.children"> 
    <button data-bind="arrayMoveUp: { item: $data, source: $parent.myThing.children }"> 
     <i class="fa fa-arrow-up"></i> Up 
    </button> 
    <button data-bind="arrayMoveDown: { item: $data, source: $parent.myThing.children }"> 
     <i class="fa fa-arrow-down"></i> Down 
    </button> 
</div> 

zum Beispiel möchte Ich mag Lage sein, so etwas wie source: $source zu tun, was dann passieren würde, was die foreach gebunden ist.

Answer 1

Ich glaube nicht, dass es standardmäßig verfügbar ist. Sie können eine benutzerdefinierte erweiterte erstellen foreach Bindung, die es dem bindingContext fügt aber ...

ko.bindingHandlers.customForEach = { 
 
    init: function(element, valueAccessor, allBindings, viewModel, bindingContext) { 
 
    ko.utils.extend(bindingContext, { 
 
     '$arraySource': ko.unwrap(valueAccessor()) 
 
    }); 
 

 
    return ko.bindingHandlers.foreach.init.apply(null, arguments); 
 
    }, 
 
    update: function() { 
 
    return ko.bindingHandlers.foreach.update.apply(null, arguments); 
 
    } 
 
}; 
 

 

 
ko.applyBindings({ 
 
    items: [1, 2, 3, 4, 5, 6] 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 

 
<ul data-bind="customForEach: items"> 
 
    <li> 
 
    <span data-bind="text: $arraySource[$index() - 1]"></span> - 
 
    <strong data-bind="text: $data"></strong> - 
 
    <span data-bind="text: $arraySource[$index() + 1]"></span> - 
 
    </li> 
 
</ul>