Modifica dell'ordine in cui vengono applicati i binding Knockout

Question

Sto creando un binding Knockout che funzionerà come un wrapper attorno a un widget jQuery. Questo widget applica i gestori di eventi agli elementi figlio. Sfortunatamente, la gestione degli eventi del widget viene applicata direttamente agli elementi figlio, non delegati. Il problema è che ho un bind di foreach sullo stesso elemento, ma ho bisogno del bind personalizzato da applicare dopo il il bind di foreach viene applicato.

Ovviamente, la cosa giusta è riparare il plugin jQuery, ma questa non è un'opzione al momento. Mi chiedo se ci sono delle buone soluzioni alternative per me. C'è modo, per esempio, di fare una delle seguenti cose?

1. rilevare se un particolare legame è stato applicato
2. influenzano l'ordine di applicazione
3. vincolante sicura forzare un altro legame avvenire

Aggiornamento:

Un aspetto I dovrebbe menzionare che questa associazione personalizzata e il legame foreach risiedono in un modello. Pertanto, le soluzioni che modificano direttamente il DOM non funzioneranno per me poiché modificheranno effettivamente il modello.

Answer 1

Se l'associazione dipende dal bind di foreach, perché non chiamarla dal bind personalizzato? Quindi non è nemmeno necessario fornirlo nell'attributo data-bind. Ho aiutato un altro utente Così l'altro giorno, verificare come io chiamo le opzioni di rilegatura dall'interno personalizzato vincolanti

http://jsfiddle.net/w9bsc/42/

ko.applyBindingsToNode(element, { options: valueAccessor(), optionsCaption: caption, optionsText: optionsText }, viewModel); 

Answer 2

Ho trovato una soluzione alternativa, ma è più di un trucco di quanto mi piace. Aspetterò comunque risposte migliori.

Quello che ho fatto è stato semplicemente questo:

ko.bindingHandlers.myHandler = { 
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     if (allBindingsAccessor().foreach) { 
      setTimeout(doInit, 1); 
     } else { 
      doInit(); 
     } 

     function doInit() { 
      bindingContext.initializedMyHandler = true; 
      // Actual code 
     } 
    }, 
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     if (bindingContext.initializedMyHandler) { 
      doUpdate(); 
     } else { 
      setTimeout(doUpdate, 1); 
     } 
     function doUpdate() { 
      // Actual code 
     } 
    } 
}; 

Fondamentalmente ho solo rimandare l'esecuzione con un timeout. In questo modo, il resto dei gestori di binding verrà eseguito per primo.

Answer 3

Aggiungi un dopo proprietà sulla vostra bindingHandler con una serie di dipendenze

ko.bindingHandlers.myHandler = { 
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     // Actual code 
    }, 
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     // Actual code 
    }, 
    after:['foreach'] 
};