直接更新的可編輯網格

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時修改該行數據時，我們將整合用戶交互。