Chiama standard Binding a eliminazione diretta da un binding personalizzato

Question

Vorrei creare un bind 'click condizionale' in KnockoutJS. Fondamentalmente si tratta di un bind di clic standard come lo si userebbe in Knockout, ma è necessario soddisfare una condizione per poter eseguire la funzione allegata. Nel mio caso, l'opzione migliore è quella di creare un bindinghandler personalizzato in cui quindi si chiama il bind di clic standard, se consentito.

ko.bindingHandlers.safeClick = { 
    'init': function(element, valueAccessor, allBindingsAccessor, context) { 
     $(element).click(function() { 
      if(mycondition == true) { 
       // call the standard click binding here -> this is the part I don't know 
      } 
     }); 
    } 
} 

voglio sostituire tutti i miei attacchi fare clic su Standard con questa usanza vincolante. Pertanto è importante chiamare l'associazione di clic nel modo corretto, in modo che tutti i parametri forniti in HTML vengano passati alla funzione. Per esempio:

<a href="#" data-bind="click: basevm.gotopage.bind($data, '#homepage')">Home</a> 
<a href="#" data-bind="click: itemvm.activateItem">Activate</a> 

Questi devono essere sostituiti da

<a href="#" data-bind="safeClick: basevm.gotopage.bind($data, '#homepage')">Home</a> 
<a href="#" data-bind="safeClick: itemvm.activateItem">Activate</a> 

sarei molto grato se mi potesse aiutare con la parte mancante nel legame personalizzato.

Answer 1

Il modo corretto per delegare il click aspettando qui è la seguente:

• si prende la funzione originale (ad esempio utilizzando valueAccessor())
• creare una nuova funzione di attributo di valore in cui si restituisce una nuova funzione contenente la condizione che quindi chiama la funzione originale. E passare questo nuovo valueaccessor al binding click.

Così il vostro safeClick sarà simile a questa:

ko.bindingHandlers.safeClick = { 
    'init': function (element, valueAccessor, allBindingsAccessor, 
         viewModel, bindingContext) { 
     var originalFunction = valueAccessor(); 
     var newValueAccesssor = function() { 
      return function() { 
       if (mycondition == true) 
        //pass through the arguments 
        originalFunction.apply(viewModel, arguments); 
      } 
     } 
     ko.bindingHandlers.click.init(element, newValueAccesssor, 
      allBindingsAccessor, viewModel, bindingContext); 
    } 
} 

Demo JSFiddle.

Questo funzionerà per il primo clic e non è necessario iscriversi manualmente all'evento clic o attivarlo con jQuery.

Answer 2

Si può chiamare come segue:

ko.bindingHandlers.click.init(element, valueAccessor, allBindingsAccessor, context); 

EDIT: È possibile mannualy chiamare cliccare evento prima volta:

ko.bindingHandlers.safeClick = { 
    'init': function(element, valueAccessor, allBindingsAccessor, context) { 
     $(element).click(function() { 
      if(mycondition == true) { 
       ko.bindingHandlers.click.init(element, valueAccessor, allBindingsAccessor, context); 
      } 
     }); 
     if(mycondition == true) { 
      $(element).trigger('click'); 
     } 
    } 
}