EXTJS 패널 안의 이미지 드래그 앤 드롭

나는 extj 패널 안에 이미지를 드래그 앤 드롭하려고했습니다. 그러나 그것은 일을 didnt한다. 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>' 
}]

출처

2011-03-01 thomas

우리가 정말로 더 많은 정보를 필요로한다면 도움이 필요하십니까? 예제 코드가 있습니까? 아니면 작동하지 않는 이유를 자세히 설명해 주시겠습니까? – ChrisR

당신은 드래그하고 메인 패널에 다시 패널을 삽입 패널에 이미지를 추가하는 실현? 드래그 가능한 이미지가 아닙니다. 이미지가 드래그 가능하지만 게시 한 코드가 완전히 틀린 것처럼 보이는 패널입니다.

먼저 ExtJS의 드래그 앤 드롭 개념과 패널과 같은 기본 구성 요소에서 어떻게 구현되는지 ExtJS DD에 대해 읽어 보시기 바랍니다. Ext Panel에서 DD를 사용하는 방법은 이미지를 드래그 가능하게 만드는 것과 완전히 다릅니다. 패널은 DD와 같은 많은 기능이 내장 된 Ext Component이지만 이미지는 DD 동작을 직접 구현해야하는 DOM 요소입니다.

은 다음 링크를 확인, 그들은

그리고 Ext.dd에 대한 당연히 워드 프로세서는 ExtJS에서 DD에 대한 좋은 정보를 가지고 : http://dev.sencha.com/deploy/dev/docs/?class=Ext.dd.DragDrop

출처

2011-03-01 16:01:04 ChrisR

안녕하세요 크리스. 도와 줘서 고마워. 나는 문서를 읽고 예제와 튜토리얼을 점검 할 것이다. 이 예제는 내가 필요한 것을 찾는다. 고마워. 건배, 토마스 – thomas

내 정보가 허용 된대로 내 대답을 확인하는 것을 잊지 마세요 :) 감사와 행운을 비네! – ChrisR

EXTJS 패널 안의 이미지 드래그 앤 드롭

답변

관련 문제