在线等急！wijmo flexgrid 整行编辑如何实现？

我想实现的功能是表格右侧有编辑按钮，点击可以显示整行的自定义输入框，然后按钮变成保存和取消，用户可以编辑数据，然后选择保存或者取消。
如何结合wjFlexGridCellTemplate来实现整行编辑呢。

1. <wj-flex-grid [itemsSource]="columnData" #wjGrid>
   
2.     <wj-flex-grid-column [binding]="'STNNAM'">
   
3.         <ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-cell="cell">
   
4.            {{ cell.item.STNNAM }}
   
5.         </ng-template>
   
6.         <ng-template wjFlexGridCellTemplate [cellType]="'CellEdit'" let-cell="cell">
   
7.             <c-input name="STNNAM" #myVar="ngModel" (initialized)="initCellInput(this.myVar, cell, control1)"
   
8.             [(ngModel)]="cell.item.STNNAM" [required]="true"></c-input>
   
9.         </ng-template>
   
10.     </wj-flex-grid-column>
    
11.         </wj-flex-grid>

复制代码

本来想掉用startEditing这个方法，但是似乎这个方法只能开始编辑某一个cell，不能同时编辑多个。
想实现这种效果：
但我看这里的demo是通过itemsformatter实现，但这样就不能在里面放自定义组件了。
上述哪种wjFlexGridCellTemplate可以放模板，但目前已知的只能实现单个cell编辑。

这个也是一样的道理，你可以参考demo中编辑按钮单元格的做法，同样在页面添加添加一个C1Input控件，比如ComboBox，然后以同样的方式设置

我看你已经找到这个示例了
https://demo.grapecity.com.cn/wi ... nlineEditing/purejs

其实就是在itemsformatter中，根据条件，放入你需要的自定义组件就行，类似于demo中的这个，你可以放入你的自定义组件的innerHtml

Richard.Ma 发表于 2021-6-23 18:12
我看你已经找到这个示例了
https://demo.grapecity.com.cn/wijmo/demos/Grid/Editing/InlineEditing/purej ...

如果是要在里面插入wijmo的组件又该怎么办呢，在angular中使用。如果单纯的原生dom元素简单，如果是angular组件又该怎么办呢

收到，我验证后给你回复

Richard.Ma 发表于 2021-6-24 09:15
收到，我验证后给你回复

就是想结合wjFlexGridCellTemplate,如果能够拿到里面的组件，然后在itemsformatter中插入cell中就可以了。但就是不知道怎么弄，不知道你们是怎么做的