面板内的EXTJS拖放图像

Question

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

提前谢谢，干杯，托马斯

对不起，ChrisR，忘记代码了。好的，我试过这样做：

面板内的面板(包含图像的html代码)。dreagable = true。但我不能拖拽它，就像放置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>'
}]

Answer 1

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

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

请查看以下链接，它们提供了一些关于ExtJS中DD的有用信息

• http://rowen.javaeye.com/blog/479133
• http://examples.extjs.eu/?ex=freedrag
• http://www.extensions.extjs.com/learn/Tutorial:Advanced_Custom_Drag_and_Drop_Part_1

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