Click イベントがバインドされ<tr>
、チェックされた値が inside 内のチェックボックスにバインドされる<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();
};
不要なコードをトリミングしました。問題が発生した場所を入れただけです。