Question

我的代码如下所示，我有一个类似下面的json，当json对象有PQ然后应该检查PQ列复选框，当json对象有FG时，应该检查FG列复选框。现在，当用户想要更新行时，我将如何知道更新后的行值（复选框更新）。如何捕获下一列复选框状态？我的意思是每当用户检查一个复选框时，我应该获取所有行值并形成json以将数据发送到服务器。我怎样才能实现这个目标

                 [{
                        "id": 1001,
                        "name": "TC1",
                        "usedIn": ["PQ"]
                    }, {
                        "id": 1002,
                        "name": "TC2",
                        "usedIn": ["PQ","FG"]
                    }, {
                        "id": 1003,
                        "name": "TC2",
                        "usedIn": ["FG"]
                    }];



 <wj-flex-grid auto-height="" allow-resizing="Both" additional-height="40" selection-mode="Row" is-read-only="false" items-source="vm.technicalCritrions" control="vm.flex" item-formatter="itemFormatter">
                        <wj-flex-grid-column header="PQ" width="*" binding="usedIn">
                            <wj-flex-grid-cell-template cell-type="Cell">
                                <input type="checkbox" ng-checked="$item.usedIn.indexOf('PQ')>-1" ng-click="vm.PQ($item,$event,$row,$col,vm.flex)" />
                            </wj-flex-grid-cell-template>
                        </wj-flex-grid-column>
                        <wj-flex-grid-column header="FG" width="*" binding="usedIn">
                            <wj-flex-grid-cell-template cell-type="Cell">
                                <input type="checkbox" ng-checked="$item.usedIn.indexOf('FG')>-1" ng-click="vm.FG($item,$event,$row,$col,vm.flex)" />
                            </wj-flex-grid-cell-template>
                        </wj-flex-grid-column>
                        <wj-flex-grid-column format="D" binding="id" width="*"></wj-flex-grid-column>
                        <wj-flex-grid-column header="{{'global.titles.name' | translate}}" binding="name" width="*">
                            <b>{{$item.name}}</b>
                        </wj-flex-grid-column>
                    </wj-flex-grid>

Answer 1

您可以使用“cellEditEnded”事件来检测用户编辑，包括复选框更改。该事件提供了指示编辑哪个行和列的参数。

例如，如果编辑的属性类型为“Boolean”（复选框），则此代码会检测编辑并将某些信息记录到控制台：

$ date "27 Mar 2008 +%Y-%m-%d"
date: invalid date '27 Mar 2008 +%Y-%m-%d'

你可以在这个小提琴中看到它是如何运作的：

http://jsfiddle.net/Wijmo5/Lwdxkcow/

当用户点击wijmo中的复选框时，查找下一个coulmn复选框状态

1 个答案: