Standart çağrıyı yap Knockout özel ciltlemeden bağla tıklat

Question

KnockoutJS'de bir 'koşullu tıklama' bağlaması oluşturmak istiyorum. Temelde bu, Knockout'ta kullanacağınız gibi standart bir tıklama ciltlemesidir, ancak ekli işlevin yürütülmesi için bir koşulun karşılanması gerekir. Benim durumumda, en iyi seçenek, izin verildiyse standart tıklama ciltlemesini aradığınız özel bir bağlayıcı aracı oluşturmaktır.

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

bu özel bağlama ile benim standart tıklama bağlamaları tüm değiştirmek istiyor. Bu nedenle, tıklama ciltlemesini doğru şekilde çağırmak önemlidir, böylece HTML'de sağlanan tüm parametreler işleve iletilir. Örneğin: özel bağlama eksik kısmı ile bana yardımcı olur musun

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

Bunlar ben çok takdir ediyorum

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

tarafından değiştirilmesi gerekir.

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

EDIT:

Answer 1

doğru yolu burada biding tıklayın temsilci şudur:

• orijinal işlevinizi (ör. valueAccessor() kullanarak)
• Durumunuzu içeren ve daha sonra özgün işlevinizi çağıran yeni bir işlev döndüğünüzde yeni bir değer saptama işlevi oluşturun. Ve bu yeni değer yargıcısını click bağlayıcıya geçirin.

Yani safeClick aşağıdaki gibi görünecektir:

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.

Bu, ilk tıklama için çalışır ve tıklama etkinliğine el ile abone olmanız veya jQuery ile tetiklemeniz gerekmez.

Answer 2

Sen aşağıdaki gibi diyebilirsiniz Sen mannualy edebilirsiniz olay ilk kez tıklayın çağırır:

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