大树洞 发表于 2021-6-23 16:29:45

在线等急!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编辑。

Richard.Ma 发表于 2021-6-23 16:29:46

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

Richard.Ma 发表于 2021-6-23 18:12:39

我看你已经找到这个示例了
https://demo.grapecity.com.cn/wijmo/demos/Grid/Editing/InlineEditing/purejs

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

大树洞 发表于 2021-6-23 18:25:42

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:09

收到,我验证后给你回复

大树洞 发表于 2021-6-24 21:18:16

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

就是想结合wjFlexGridCellTemplate,如果能够拿到里面的组件,然后在itemsformatter中插入cell中就可以了。但就是不知道怎么弄,不知道你们是怎么做的
页: [1]
查看完整版本: 在线等急!wijmo flexgrid 整行编辑如何实现?