如何在默认模态中添加按钮并捕捉其点击事件
去掉表单,只用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)
去掉表单,只用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...
这里的重点是,“内容”接受HTML节点(不仅仅是HTML字符串),所以你可以拥有任何带有事件的HTMLElement(表单带提交,按钮带点击等),所以提出的方法完全有效(谢谢@giorgiosjames)
@giorgiosjames 谢谢,兄弟,这(https://github.com/artf/grapesjs/issues/2129#issuecomment-510734779)对我来说简直是完美无缺。
你的回答帮我省下了很多时间:)
相关问答
通过相似的问题讨论继续研究。
问题 #2647
拖拽占位符并不能计算正确的宽度。
嗨@artf,希望你今天过得愉快。 当方块被拖入可能有横边边界的容器时,拖拽占位符有个小问题,上下边缘或填充也可能发生,但我不能百分百确定。 <img width=“1107” alt=“image” src=“https://user-images.githubusercon...
问题 #3250
问题:图层标签
@artf我很喜欢和GJS合作。我还有最后一件事希望你能帮忙。 如果能在图层管理器中自定义标签会非常有帮助。我到处找过,但都没找到。 默认显示“文本”和“框”的方式,对于想要高效导航来说帮助不大。 <img width=“204” alt=“截图 2021-01-28 07 2...
问题 #4608
从0.19.4升级到最新0.20.1后,图层管理器下的图标不再可见。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 104.0.5112.101(官方构建)(arm64) 可复制演示链接 截图:https://d.pr/i/AyHJyL 描述一下那个虫子 如何复现这个漏洞?升级到最新的葡萄品种。 预期的行...
问题 #3267
无法设置0像素盒子的阴影模糊
不知为何,编辑器不允许将模糊设置为0像素。 0总是神奇地变成5px。 <img width=“243” alt=“截图 2021-02-11 17 14 05” src=“https://user-images.githubusercontent.com/668451/1076...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。