У меня есть сценарий, в котором событие Click привязано к <tr>
, а проверенное значение привязывается к флажку внутри <td?
внутри <tr>
. Теперь проблема заключается в том, что при нажатии этой строки событие запускается нормально. Но в случае, когда я нажимаю флажок, наблюдаемое значение изменяется и для строки, и запускает событие щелчка строки. Как избежать этого сценария
<tbody data-bind="foreach:Mails">
<tr data-bind="click:$root.navigateToMail">
<td style="width: 15px">
<input type="checkbox" data-bind="checked: isSelected">
@*<input type="checkbox">*@
</td>
<td data-bind="text: From">
</td>
<td data-bind="text: To">
</td>
<td data-bind="text: Subject">
</td>
<td data-bind="text: MailDate">
</td>
</tr>
</tbody>
События:
ko.utils.arrayForEach(data.mails, function (mail) {
mail.isSelected = ko.observable(false);
mail.isSelected.subscribe(function (myvalue) {
console.log(myvalue);
});
});
self.navigateToMail = function (mail) {
location.hash = mail.Folder() + '/' + mail.Id();
};
Я обрезал ненужные коды. Просто поставьте, где возникла проблема.