Come utilizzare event.preventDefault con i gestori di eventi Click di KnockoutJs?

Question

Ho la seguente riga della tabella come un modello di script in KnockoutJs:

<script id="inboxTemplate" type="text/html">   
    <tr data-bind="click: function() { viewInboxModel.selectAction($data); }">         
     <td>...</td>     
     <td>${ CreateDate }</td>    
     <td data-bind="click: function(e){ e.preventDefault();viewInboxModel.clearAction($data); }"><img src="/Content/images/delete.png" height="16px" width="16px"> </td> 
    </tr>    
    </script> 

Il problema è quando si fa clic sul pulsante Elimina, è in corso anche il metodo selectAction(). Ho provato a utilizzare e.preventDefault() sia nel gestore di selezione selectAction che nel gestore clicker clearAction() senza alcun risultato. C'è comunque KnockoutJs può impedire che la riga sottostante venga cliccata se si fa clic sul pulsante Elimina?

Answer 1

Se si fa riferimento a jQuery, è possibile chiamare in modo sicuro e.stopImmediatePropagation(); nel gestore, poiché viene passato l'oggetto evento jQuery. Se non si utilizza jQuery, allora si potrebbe ancora fare qualcosa di simile:

e.cancelBubble = true; 
if (e.stopPropagation) e.stopPropagation(); 

http://jsfiddle.net/rniemeyer/mCxjz/