jeecgboot 可编辑表格弹窗富文本框

本文介绍了如何在JeecgBoot中使用JEditableTable时,改进SQL输入体验,通过创建可编辑的模态框,实现实时通信和事件驱动,简化用户操作。

        最近使用jeecgboot框架的JEditableTable做一个数据维护,有一个需求是用户要录入SQL语句,帮他顺序执行SQL,由于SQL又臭又长,小小的input框没办法显示全,导致每次需要在txt里编辑好了再贴进去,修改也是一样。

       如图,只能显示几个字,多了就看不到了。

        于是乎,测试的胖子提出需求,需要点击弹出一个框,完全显示编辑内容。

        实现步骤:

  1. 给可编辑表格特定类型的框添加事件监听,不能影响可编辑表格现有的功能
  2. 做一个模态框组件,用于显示和编辑
  3. 完善父页面和模态框组件之间的数据通信

        直接上代码:

源码里没有点击事件,需要自己加

 源码里增加一个处理函数,用于父子组件传值

 父组件中的column,增加使能点击事件的属性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值