ExtJS, FormPanel show() 함수 문제

Question

FormPanel show() 함수를 사용하여 팝업으로 표시하려고합니다.

아래 코드는 아무 것도 표시하지 않습니다. 하지만이 formPanel을 ExtJS Window 객체에 전달하면 show() 함수 호출 창이 잘 동작합니다.

폼 패널을 표시하기 위해 새 Window 객체를 만드는 것을 피하고 싶습니다. 어떻게해야합니까?

var formPanelItems = ... 
    var formPanel = new Ext.form.FormPanel({ 
     width: 300px, 
     height: 300px, 
     items  : formPanelItems, 
    }); 
    formPanel.show(); 

Answer 1

구성 속성 floatable: true을 설정해야합니다. 그것은 유용 할 수 있습니다,이보고하지만 직접 body

http://docs.sencha.com/ext-js/4-0/source/Panel3.html#Ext-panel-Panel-cfg-floatable

Answer 2

시도가 아닌 페이지에 일부 부모 요소에 자신을 렌더링하는 컨트롤을 말할 것이다 : Dockable/floatable panels in ExtJS?

Answer 3

당 내선의 문서를, 당신은 config 속성을 floating:true으로 설정하고 절대 위치하므로 렌더링 후에 명시 적으로 위치를 설정해야합니다.

샘플 :

var p = new Ext.form.FormPanel({ 
     title:'test', 
     width: 300, 
     height: 150, 
     html:'a floating panel', 
     floating: true, 
     renderTo: Ext.getBody() 
}); 
p.setPosition(200,200);