美文网首页
aggrid link cell 切换编辑和文本模式

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

作者: 米诺zuo | 来源:发表于2021-06-16 18:47 被阅读0次

    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{}
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/jouzsltx.html