文章/答案/技术大牛

发布

问KoGrid行选择绑定
EN

Stack Overflow用户

提问于 2017-10-20 09:09:36

回答 1查看 282关注 0票数 0

我正在使用KoGrid插件有一个剔除网格与选择复选框。到目前为止，我有以下代码。

    function columnDefsVM() {
    var self = this;
    this.myData = ko.observableArray(GlobalJson);
    this.mySelectedData = ko.observableArray(SelectedJson);

    this.gridOptions = {
        data: self.myData,
        columnDefs: [{ field: 'TestEventId', displayName: 'Name' }],
        selectedItems: self.mySelectedData,
        enablePaging: false,
    };
}
ko.applyBindings(new columnDefsVM());

我只是想知道如何访问selectedItems属性，以便将选定的值传递给ajax调用？

或者我不能这样做，必须使用afterSelectionChange选项手动将所选Id推送到数组中吗？

grid

kogrid

jquery

knockout.js

binding

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-10-20 16:28:04

在gridOptions中，您传递给mySelectedData可观察数组的引用作为SelectedItems使用，因此您应该能够使用原始的mySelectedData变量而不是SelectedItems；它们是等价的。当网格选择发生变化时，将更新mySelectedData。

function columnDefsVM() {
    var self = this;
    this.myData = ko.observableArray([
    	{TestEventId: 1, Name: 'Object 1'},
    	{TestEventId: 2, Name: 'Object 2'},
    	{TestEventId: 3, Name: 'Object 3'},
    ]);
    this.mySelectedData = ko.observableArray([]);

    this.gridOptions = {
        data: self.myData,
        columnDefs: [{ field: 'TestEventId', displayName: 'Name' }],
        selectedItems: self.mySelectedData,
        enablePaging: false,
    };
}
ko.applyBindings(new columnDefsVM());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/Knockout-Contrib/KoGrid@2.0.6/koGrid-2.0.6.debug.js"></script>
<link href="https://cdn.jsdelivr.net/gh/Knockout-Contrib/KoGrid@2.0.6/KoGrid.css" rel="stylesheet" />

<label>mySelectedData: </label><span data-bind="text: ko.toJSON(mySelectedData)"></span>
<br/>
<br/>
<div style="height:200px;" data-bind="koGrid: gridOptions"></div>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46845859

复制

相似问题

问KoGrid行选择绑定
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问KoGrid行选择绑定EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问KoGrid行选择绑定
EN