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中Drag and Drop的概念以及如何在Panels等默认组件中实现。在Ext Panel上使用DD的方法与使图像可拖动完全不同。 Panel是一个Ext组件，有许多内置功能，如DD，但是image只是一个DOM元素，你应该自己实现你的DD行为。

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

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

EXTJS在面板内拖放图像

1 个答案: