Làm cách nào để sử dụng event.preventDefault với trình xử lý sự kiện nhấp KnockoutJs?

Question

Tôi có dòng của bảng theo mẫu sau kịch bản trong 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> 

Vấn đề là khi tôi bấm nút delete, nó cũng đang chạy phương pháp selectAction(). Tôi đã thử sử dụng e.preventDefault() trong cả trình xử lý nhấp chuột selectAction và trình xử lý nhấp chuột clearAction() không có kết quả. Có anyway KnockoutJs có thể ngăn chặn các hàng tiềm ẩn từ bây giờ được nhấp vào nếu nút xóa được nhấp?

Answer 1

Nếu bạn đã tham chiếu jQuery, thì bạn có thể gọi e.stopImmediatePropagation(); trong trình xử lý của mình một cách an toàn, vì nó được chuyển qua đối tượng sự kiện jQuery. Nếu bạn không sử dụng jQuery, sau đó bạn vẫn có thể làm điều gì đó như:

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

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