`document.querySelector()`를 사용하여 ExtJS 요소에 어떻게 액세스 할 수 있습니까?

Question

http://www.dropzonejs.com/ 파일 업 로더를 기존 ExtJS 3.4 응용 프로그램에 통합하려고합니다. ExtJS에서 만든 요소가 DropzoneJS에서 사용하는 기본 document. 메서드를 사용하여 사용할 수없는 것 같아 문제가 발생합니다.

나는 동적으로 생성 ExtJS로 창 내부 업로드 패널을 렌더링 할 :

App.DropzoneWindow = function(config) { 
    config = config || {}; 
    Ext.applyIf(config, { 
     url: App.config.connectorUrl 
     ,dropzone: null 
     ,base_params: {} 
    }); 
    OB.DropzoneWindow.superclass.constructor.call(this, config); 
    this.dropzone = this.initDropzoneJs(); 
}; 
Ext.extend(App.DropzoneWindow, App.Window, { 
    initDropzoneJs: function() { 
     var config = { 
      url: this.url 
     }; 
     return new Dropzone('div#'+this.id, config); 
    } 
}); 
Ext.reg('app-dropzone-window', App.DropzoneWindow); 

Dropzone.js 오류 "잘못된 DROPZONE 요소"를 던지고있다

즉시, document.querySelector()를 사용하여 내 목표 창 요소에 액세스하려고으로 . 다음은 소스 코드에서 오류를 던지는 라인은 다음과 같습니다

https://github.com/enyo/dropzone/blob/master/downloads/dropzone.js#L636-L640

나는 Dropzone.js 소스를 수정하지 않고이를 달성 할 수있는 방법 어떤 아이디어가?

Answer 1

나는 문제가 당신에게 DropZone.js

App.DropzoneWindow = function(config) { 
    config = config || {}; 
    Ext.applyIf(config, { 
     renderTo : Ext.getBody(), 
     listeners : { 
      afterrender : this.initDropzoneJs, 
      scope : this 
     } 
    }); 

    OB.DropzoneWindow.superclass.constructor.call(this, config); 
}; 
Ext.extend(App.DropzoneWindow, App.Window, { 
    initDropzoneJs: function() { 
     var config = { 
      url: this.url 
     }; 
     return new Dropzone('div#'+this.id, config); 
    } 
}); 
Ext.reg('app-dropzone-window', App.DropzoneWindow);