Angular 在剑道网格中为“创建表单组”;嵌套的;领域
我试图在单元格中编辑剑道网格元素 我有一个剑道网格,其列定义如下:Angular 在剑道网格中为“创建表单组”;嵌套的;领域,angular,kendo-ui,kendo-grid,formgroups,Angular,Kendo Ui,Kendo Grid,Formgroups,我试图在单元格中编辑剑道网格元素 我有一个剑道网格,其列定义如下: <kendo-grid-column title="Beam ID" field="id" width="30px"> </kendo-grid-column> <kendo-grid-column field="additional_info.name" title="Name"> </kendo-grid-column> ID字段和每个“一级”字段都可以正常工作。我无法在网格
<kendo-grid-column title="Beam ID" field="id" width="30px">
</kendo-grid-column>
<kendo-grid-column field="additional_info.name" title="Name">
</kendo-grid-column>
ID字段和每个“一级”字段都可以正常工作。我无法在网格嵌套元素上编辑,如附加的\u info.width
我不能补充说,这似乎只是一个“表单位置”的问题,因为有了一些提示,我了解到“单元格编辑”从单击开始,到离开列单击结束
我什么都试过了。有什么建议吗?谢谢 不确定你是否找到了答案,因为已经半年了。这里有一个很好的解决方案 但总而言之,当您使用嵌套对象创建表单组时,您必须为这些对象创建额外的表单组。这意味着您将得到一个具有嵌套formgroup的formgroup
this.formBuilder.group({
id: dataItem.id,
additional_info: this.formBuilder.group({
width: dataItem.additional_info.width
})
});
在某些情况下(我相信当您使用模板自定义列时),您可能还必须使用formControl来绑定正确的值
<kendo-grid-column [title]="Age" filter="numeric" field="additional_info.age" editor="numeric">
<ng-template kendoGridEditTemplate let-formGroup="formGroup">
<kendo-numerictextbox
(valueChange)="onAgeChange($event)"
[formControl]="formGroup.get('additional_info.age')"
>
</kendo-numerictextbox>
</ng-template>
</kendo-grid-column>
非常感谢您!我找到了一个解决方案,但我不确定是不是最好的。我一有时间就试试你的。感谢你花时间回答问题。
<kendo-grid-column [title]="Age" filter="numeric" field="additional_info.age" editor="numeric">
<ng-template kendoGridEditTemplate let-formGroup="formGroup">
<kendo-numerictextbox
(valueChange)="onAgeChange($event)"
[formControl]="formGroup.get('additional_info.age')"
>
</kendo-numerictextbox>
</ng-template>
</kendo-grid-column>