问题 #2142💬 已回答提出于 2019年7月16日作者 khbhr0 个反应

拖曳分量及其父分量

快速解答作者 khbhr

你好,artf, 我想先感谢你所做的伟大工作。 其次,我想知道有没有办法在从一个单元拖拽组件到另一个单元时,带着它的父组件一起移动? 我之所以问这个问题,是因为我创建了一个按钮块,可以渲染包含链接组件的表格。我也定义了一些规则,比如更改链接背景时,父背景也会变,这对Outlook上的按钮看起来更好看是必要的)。 所以我遇到的问题是,当将组件从一个单元移动到另一个单元时,只有 A 元素被移动。 我考虑过挂钩拖拽事件,但我觉得它没有在组件上实现,而且我也不知道怎么用“component:update”来实现。 这里你可以找到按钮块内容 = '<table> <tbody> <tr> <td> <a data-gjs-type=“lin...

阅读下方完整回答 ↓

问题

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回车你是在本地GrapesJS版本遇到这个bug,还是当前的演示版?如果是本地副本说明所有关于您的操作系统、浏览器和GrapesJS版本的信息。你能复现演示中的漏洞吗?预期的行为是什么?接下来会发生什么?如果你能复现该漏洞,请标明所有必要步骤附上截图(使用 KAP/LICEcap)、屏幕录制或现场演示JSFiddle 起始模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl你正在提交功能请求确保使用最新版本,因为该功能可能已经存在请记住,该功...

回答(3)

khbhr2019年7月16日

你好,artf, 我想先感谢你所做的伟大工作。 其次,我想知道有没有办法在从一个单元拖拽组件到另一个单元时,带着它的父组件一起移动? 我之所以问这个问题,是因为我创建了一个按钮块,可以渲染包含链接组件的表格。我也定义了一些规则,比如更改链接背景时,父背景也会变,这对Outlook上的按钮看起来更好看是必要的)。 所以我遇到的问题是,当将组件从一个单元移动到另一个单元时,只有 A 元素被移动。 我考虑过挂钩拖拽事件,但我觉得它没有在组件上实现,而且我也不知道怎么用“component:update”来实现。 这里你可以找到按钮块内容 = '<table> <tbody> <tr> <td> <...

artf2019年7月25日

如果你需要移动整个父组件,那让用户移动那个组件就没意义,所以就把它设为“可拖拽:false”吧。

' <tr><table> <tbody> <td> <a data-gjs-type=“link” data-gjs-draggable=“false” href=“https://google.com/”>Primary Button</a> </td> </tr> </tbody> </table>'

Deus-X2024年6月26日

我需要重新探讨这个老话题。我现在也有同样的要求。我认为这是合理的。@artf 如果我把组件设置为“可拖拽:false”,我根本无法移动组件,这不是解决方案。用户因此不知道组件是否可以通过父节点拖拽,因此说组件可拖曳但子组件不可,将是一个很好的功能。如果尝试拖拽子节点,父节点会自动被选中并移动。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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