可直接更新的可修改网格

时间:2017-08-01 12:49:09

标签: kendo-ui kendo-ui-angular2 kendo-ui-grid

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

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

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

1 个答案:

答案 0 :(得分:0)

我直接将其管理到我的网格模板中,并绕过了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