aggrid link cell 切换编辑和文本模式

2021-06-16  本文已影响0人  米诺zuo

https://www.ag-grid.com/javascript-grid/component-cell-renderer/

aggrid 在grid cell时以超链接的形式显示,如下:

!isEditor
  ? <div className="">
    <a info="cell-content" href   onClick={linkRender.clickLink}></a>
    <div style={{ flexGrow: 1 }} onFocus={this.clickSpace} contentEditable={true}></div>
  </div>
  : this.renderInput()

Link 是引入的非react组件, 可以通过new Link()来实例化引用其中的方法和变量。

this.linkRender = new Link(props);

可以通过继承其他类的方法来减少代码的冗余

class LinkEditor extends TextEditor{}
上一篇下一篇

猜你喜欢

热点阅读