低代码产品使用文档

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

3. 如何通过按钮展示/隐藏弹窗

浏览 160 扫码 分享 2023-11-22 14:58:15
  • 1.拖拽一个按钮
  • 2.拖拽一个弹窗
  • 3.查看弹窗 refId
  • 4.隐藏弹窗
  • 5.按钮绑定事件

    1.拖拽一个按钮

    image.png

    2.拖拽一个弹窗

    image.png

    3.查看弹窗 refId

    image.png

    • 点击弹窗
    • 点击右侧面板中的高级
    • 找到 refId

    image.png

    这里我们的 refId 是 “pro-dialog-entryl32xgrus”

    4.隐藏弹窗

    点击工具栏的隐藏小图标,将弹窗在画布中隐藏
    image.png

    5.按钮绑定事件

    image.png

    通过下面的代码即可打开弹窗

    1. this.$('pro-dialog-entryl32xgrus').open();


    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 1. 试用低代码引擎 Demo
    • 如何制作
      • 2. 如何制作表格页
      • 3. 如何通过按钮展示/隐藏弹窗
    • 面板详解
      • 4. 组件面板详解
      • 5. 画布详解
      • 6. 设置面板详解
      • 7. 源码面板详解
      • 8. 数据源面板详解
    • 进阶功能
      • 9. 编辑器快捷键
    • 常见问题
      • 如何使用循环值
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注