Call standard Knockout click binding z niestandardowego wiązania

Question

Chciałbym utworzyć wiązanie "warunkowego kliknięcia" w KnockoutJS. Zasadniczo jest to standardowe wiązanie kliknięć, tak jak w przypadku Knockout, ale warunek musi zostać spełniony, aby można było wykonać dołączoną funkcję. W moim przypadku najlepszą opcją jest utworzenie niestandardowego modułu bindowania, w którym można wywołać standardowe wiązanie kliknięć, jeśli jest to dozwolone.

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 
      } 
     }); 
    } 
} 

Chcę zastąpić wszystkie moje standardowe powiązania kliknięć z tym niestandardowym powiązaniem. Dlatego ważne jest, aby wywołać powiązanie kliknięcia we właściwy sposób, więc wszystkie parametry podane w HTML są przekazywane do funkcji. Na przykład:

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

te muszą zostać zastąpione przez

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

bym bardzo wdzięczny, gdyby mógł mi pomóc w brakującej części w zwyczaj wiązania.

Answer 1

Prawidłowy sposób przekazać kliknij czekając tutaj jest następujący:

• Użytkownik przyjmuje oryginalną funkcję (np. Za pomocą valueAccessor())
• Utwórz nową funkcję valueaccessor, w której zwraca się nową funkcję zawierającą warunek, który następnie wywołuje oryginalną funkcję. I przekaż ten nowy plik wartości do powiązania click.

Więc safeClick będzie wyglądać następująco:

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.

To będzie działać przy pierwszym kliknięciu i nie trzeba ręcznie subskrybować zdarzenia kliknięcia ani wywoływać go za pomocą jQuery.

Answer 2

można nazwać następująco:

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

EDIT: Można mannualy wywołać zdarzenie click po raz pierwszy:

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'); 
     } 
    } 
}