3

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

在我的 JS 视图模型中，我设置了以下 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/

4

1 回答 1

4

这似乎是 GitHub 用户ricred和kiaplayer 在这里解决的已知错误。

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

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

（示例）

于 2016-03-22T12:43:55.670 回答