EXTJS Drag & Drop Изображения внутри панели - PullRequest
Новая
       16

EXTJS Drag & Drop Изображения внутри панели

2 голосов
/ 01 марта 2011

Я пытался перетащить изображение в панель extjs. но это не сработало. Просто хочу перетаскивать элементы, как в перетаскиваемых демонстрациях jquery. Есть ли простое решение, потому что я не нашел.

спасибо заранее, веселит, Thomas

Извините, 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>'
}]

1 Ответ

4 голосов
/ 01 марта 2011

Вы понимаете, что добавляете изображение в панель, которую можно перетаскивать, и снова вставляете эту панель в основную панель? Это не изображение, которое вы делаете перетаскиваемым, это панель, на которой находится изображение, которое можно перетаскивать, но все же код, который вы разместили, выглядит совершенно неверно.

Я предлагаю вам сначала ознакомиться с ExtJS DD, чтобы понять концепции перетаскивания в ExtJS и то, как это реализовано в стандартных компонентах, таких как панели. Способ использования DD на Ext Panel полностью отличается от перетаскивания изображения. Панель - это Ext-компонент со множеством встроенных функций, таких как DD, но изображение - это просто элемент DOM, на котором вы должны самостоятельно реализовать свое поведение DD.

Проверьте следующие ссылки, у них есть хорошая информация о DD в ExtJS

И, конечно же, документы для Ext.dd: http://dev.sencha.com/deploy/dev/docs/?class=Ext.dd.DragDrop

...