मैं event.preventDefault का उपयोग कैसे नॉकआउटजे के साथ ईवेंट हैंडलर पर क्लिक करूं?

Question

मैं 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> 

समस्या जब मैं हटाएँ बटन पर क्लिक, यह भी selectAction() विधि चल रहा है है। मैंने e.preventDefault() दोनों का चयन करने के लिए selectAction क्लिक हैंडलर और clearAction() क्लिकर हैंडलर का लाभ उठाया है। क्या वैसे भी KnockoutJs हटाए गए बटन पर क्लिक होने पर अंतर्निहित पंक्ति को क्लिक करने से रोक सकता है?

Answer 1

यदि आपके पास jQuery संदर्भित है, तो आप अपने हैंडलर में सुरक्षित रूप से e.stopImmediatePropagation(); पर कॉल कर सकते हैं, क्योंकि यह jQuery ईवेंट ऑब्जेक्ट को पारित कर दिया गया है।

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

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