在线等急!wijmo flexgrid 整行编辑如何实现?
本帖最后由 大树洞 于 2021-6-23 16:36 编辑我想实现的功能是表格右侧有编辑按钮,点击可以显示整行的自定义输入框,然后按钮变成保存和取消,用户可以编辑数据,然后选择保存或者取消。
如何结合wjFlexGridCellTemplate来实现整行编辑呢。
<wj-flex-grid ="columnData" #wjGrid>
<wj-flex-grid-column ="'STNNAM'">
<ng-template wjFlexGridCellTemplate ="'Cell'" let-cell="cell">
{{ cell.item.STNNAM }}
</ng-template>
<ng-template wjFlexGridCellTemplate ="'CellEdit'" let-cell="cell">
<c-input name="STNNAM" #myVar="ngModel" (initialized)="initCellInput(this.myVar, cell, control1)"
[(ngModel)]="cell.item.STNNAM" ="true"></c-input>
</ng-template>
</wj-flex-grid-column>
</wj-flex-grid>本来想掉用startEditing这个方法,但是似乎这个方法只能开始编辑某一个cell,不能同时编辑多个。
想实现这种效果:
但我看这里的demo是通过itemsformatter实现,但这样就不能在里面放自定义组件了。
上述哪种wjFlexGridCellTemplate可以放模板,但目前已知的只能实现单个cell编辑。
这个也是一样的道理,你可以参考demo中编辑按钮单元格的做法,同样在页面添加添加一个C1Input控件,比如ComboBox,然后以同样的方式设置 我看你已经找到这个示例了
https://demo.grapecity.com.cn/wijmo/demos/Grid/Editing/InlineEditing/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中就可以了。但就是不知道怎么弄,不知道你们是怎么做的
页:
[1]