问题 #2129✓ 已解决提出于 2019年7月11日作者 nikitha1216 个反应

如何在默认模态中添加按钮并捕捉其点击事件

快速解答作者 giorgiosjames12

去掉表单,只用JavaScript来创建/接口模态内容效果很好。'modal.setContent()'用于附加按钮,'myButton.onclick = () => {}' 用于捕捉点击事件。 这里有一些示例代码: “''es6 函数 openModal() { const pfx = editor.getConfig().stylePrefix; const modal = 编辑器。模态; const container = document.createElement('div'); const inputHtml = '<div class=“form-group”> <label>网址</label> <输入类型=“t...

阅读下方完整回答 ↓

问题

我想要一个模态内的表单(使用默认模态),点击提交按钮后发动AJAX调用。 我创建了一个新组件,可以拖拽时弹出一个模态。我能够将表格插入模态中 它看起来像这样: <img width=“1001” alt=“截图 2019-07-11 上午10:22” src=“https://user-images.githubusercontent.com/36627122/61023023-cf1a4180-a3c5-11e9-8fcb-3da790ff9d61.png”>但我不知道怎么跟踪提交按钮的点击。 我试过在脚本里写OnSubmit()并添加到模态内容中,但没用。 **我的方法对吗?我应该换个方式吗?

回答(3)

👍 最有帮助giorgiosjames2019年7月12日

去掉表单,只用JavaScript来创建/接口模态内容效果很好。'modal.setContent()'用于附加按钮,'myButton.onclick = () => {}' 用于捕捉点击事件。 这里有一些示例代码: “''es6 函数 openModal() { const pfx = editor.getConfig().stylePrefix; const modal = 编辑器。模态; const container = document.createElement('div'); const inputHtml = '<div class=“form-group”> <label...

artf2019年7月14日

这里的重点是,“内容”接受HTML节点(不仅仅是HTML字符串),所以你可以拥有任何带有事件的HTMLElement(表单带提交,按钮带点击等),所以提出的方法完全有效(谢谢@giorgiosjames)

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。