EXTJS 在面板内拖放图像答案

【问题标题】：EXTJS Drag&Drop Images inside PanelEXTJS 在面板内拖放图像
【发布时间】：2011-03-01 13:56:10
【问题描述】：

我试图将图像拖放到 extjs 面板中。但它没有用。只想像在 jquery 的可拖动演示中那样拖放元素。是否有一个简单的解决方案，因为我没有找到。

提前致谢，干杯，托马斯

对不起，ChrisR，忘记了代码。好吧，我是这样尝试的：

面板内的面板（带有图像的 html 代码）。可怕的=真实的。但我不能像放置XY一样拖放它。

Ext.createWidget('panel', {
renderTo: 'panel1',
width: 500,
height: 500,
    items: [
{
    xtype: 'panel',
    title: 'My Panel',
    width: 150,
    height: 150,
        draggable: true,
        html: '<img id="resizeImg" src="avus_gtr.jpg" style="width: 100%; height: 100%;"></img>'
}]

【问题讨论】：

如果您需要帮助，我们真的需要更多信息，您是否有一些示例代码或者您能详细说明为什么它不起作用？

标签： extjs drag-and-drop panel

【解决方案1】：

您意识到您正在将图像添加到可拖动的面板中并将该面板再次插入到主面板中？这不是您要拖动的图像，而是图像所在的面板可拖动，但您发布的代码仍然看起来完全错误。

我建议您首先阅读 ExtJS DD 以掌握 ExtJS 中拖放的概念以及如何在面板等默认组件中实现它。在 Ext Panel 上使用 DD 的方式与使图像可拖动完全不同。 Panel 是一个 Ext 组件，具有许多内置功能，例如 DD，但图像只是一个 DOM 元素，您应该自己在其上实现 DD 行为。

查看以下链接，他们有一些关于 ExtJS 中 DD 的好信息

当然还有 Ext.dd 的文档：http://dev.sencha.com/deploy/dev/docs/?class=Ext.dd.DragDrop

【讨论】：

嗨 ChrisR，感谢您的帮助。我将阅读文档并检查示例和教程。这个例子看起来我需要什么。所以谢谢大家。干杯，托马斯
如果我的信息有帮助，请不要忘记检查我的答案是否已接受 :) 谢谢，祝你好运！