knockout.js - KnockoutJs KoGrid 无法勾选复选框以供选择

Question

我有一个 KnockoutJs Ko Grid，它被配置为允许用户选择多行。可以选择行，并且我能够确定在绑定(bind)到单击按钮的 JS 函数中选择了哪些行。但是，显示不太正确。当用户单击网格左侧的复选框时，它不会被选中。

在我的 JS View 模型中，我设置了以下 gridOptions。我已将 selectedwithCheckboxOnly 设置为 true，因为其中一列包含我需要用户能够操作的超链接:

this.gridOptions = {
    data: self.myData,
    enablePaging: true,
    pagingOptions: self.pagingOptions,
    filterOptions: self.filterOptions,
    selectWithCheckboxOnly: true,
    selectedItems: self.selected,
    canSelectRows: true,
    displaySelectionCheckbox: true,
    columnDefs: [{ field: 'Timestamp', displayName: 'Timestamp', width: 130 },
                { field: 'State', displayName: 'State', width: 70 },
                { field: 'FaultApplication', displayName: 'Application', width: 110 },
                { field: 'FaultExceptionMessage', displayName: 'Exception Message', width: 400 },
                { field: 'FaultServiceName', displayName: 'ServiceName', width: 140 },
                { field: 'LinkToFaultsPage', displayName: 'Link to Fault', width: 80, cellTemplate: '<a data-bind="attr: { href: $parent.entity.LinkToFaultsPage}" >Fault</a>' }
    ]
};

我在以下 JsFiddle 中发现了相同的行为:http://jsfiddle.net/BizTalkers/oowgbj80/

Answer 1

这似乎是 GitHub 用户已解决的已知错误 ricred和 kiaplayer here .

kogrid 没有正确更新复选框绑定(bind)到的选定状态。如果您通过数据绑定(bind)添加自定义 afterSelectionChange 方法，您将解决问题。将 fiddle 中的 HTML 更新为:

<div id="wrapper" data-bind="koGrid:{data:myObsArray, afterSelectionChange: function () { return true; } }"></div>

( example )