美文网首页
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.ag-grid.com/javascript-grid/component-cell-re...

  • Linux常用指令整理

    文本编辑 vi/vim 默认打开vi编辑器后进入命令模式,使用A、a、O、o、I、i切换到编辑模式,按ESC...

  • 简书中使用Markdown

    简书上写文章将编辑器从富文本切换至Markdown 简书中Markdown编辑器预览模式

  • MarkDown 编辑器模式下,如何快速新建视频简书

    很多朋友喜欢使用 MarkDown 编辑器模式写作简书,但是这个模式无法发视频,需要到设置界面,切换到富文本编辑器...

  • 三、Jupyter快捷键

    一、编辑模式 绿色框,编辑内部内容 切换 运行(命令模式也可用) 提示和操作 二、命令模式 切换 整体操作 单元操...

  • UITableView编辑模式

    UITableView有两种模式,普通模式和编辑模式。在编辑模式下可以对cell进行排序、删除、插入等等。 如何进...

  • Jupyter notebook快捷键

    一. Jupyter notebook的两种模式 命令模式 编辑模式 如何切换模式? 从编辑模式切换到命令模式:在...

  • Jupyter常用快捷键

    Jupyter Notebook有两种键盘输入模式:编辑模式和命令模式。编辑模式就是在cell中输入代码或文字的模...

  • vue.js入门之第八篇

    router-link组件(路由)实现多视图单个页面 相关属性 导航栏 编辑文本 订单...

  • 微信小程序todo list

    效果显示 几个技能点 点击view切换可编辑状态的input,回车后,要回到文本模式 将bindtap改为catc...

网友评论

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

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