可直接更新的可编辑网格

Question

在我们的场景中，我们需要直接从网格中编辑数据，而不需要通过更改行状态的按钮。

示例：将布尔值更改为数据的复选框。这种更新不一定需要一个按钮来改变行的状态：用户可以通过复选框改变值而不改变网格的状态。

我的问题是：这样做更方便的方法是什么？我已经看到网格有多种更新（模板驱动程序表单、外部表单、响应式表单等......）但每次开发人员都必须放置一个按钮来更改行的状态。

Answer 1

我直接在我的网格模板中管理它，我绕过了kendoGridEditTemplate，因为它需要用户与行交互。

<ng-template kendoGridCellTemplate
               let-dataItem
               *ngIf="column.value.Type === 'boolean'">
    <span *ngIf="!column.value.Editable" [...]></span>
    <kendo-switch *ngIf="column.value.Editable && Config.Editable === 'Direct'"
                  [ngModel]="dataItem[column.key]" 
                  (ngModelChange)="dataItem[column.key]=$event"
                  (valueChange)="gridEditable.updateData(Config, dataItem, [{field:column.value.Editable.Column, value: $event }])">
</ng-template>

我们将在修改行数据时集成用户交互时使用kendoGridEditTemplate。