Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在剑道网格中为“创建表单组”;嵌套的;领域_Angular_Kendo Ui_Kendo Grid_Formgroups - Fatal编程技术网

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>