2011-03-01 95 views
2

我试图在extjs面板内拖放图像。但它没有工作。 只是想拖放像jQuery的可拖动演示中的元素。有没有简单的解决方案,因为我没有找到。EXTJS在面板内拖放图像

在此先感谢, 欢呼声, 托马斯

对不起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>' 
}] 
+1

我们真的需要更多的信息,如果你wan没有帮助,你有一些示例代码,或者你可以详细说明为什么它不起作用吗? – ChrisR 2011-03-01 13:57:58

回答

4

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

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

检查以下几个环节,他们对DD一些好的信息在ExtJS的

而且ofcourse为Ext.dd文档:http://dev.sencha.com/deploy/dev/docs/?class=Ext.dd.DragDrop

+0

嗨ChrisR,谢谢你的帮助。我将阅读文档并检查示例和教程。这个例子看起来我需要什么。所以感谢所有。干杯,托马斯 – thomas 2011-03-02 10:09:34

+0

如果我的信息帮助不要忘记检查我接受的答案:)谢谢,祝你好运! – ChrisR 2011-03-02 15:05:57