[Sencha&ExtJS] ExtJS 기초.6 - Ext.window.Window

윈도우 (Window)창 제어하기

모달창 / 레이어 팝업

autoSwho:true를 하면, 생성시 자동으로 보여지게 된다. (Default: false)

Ext.create('Ext.window.Window',{

width: 300, 

height:200, 

autoShow:true

});

autoShow:false

var winObj = Ext.create('Ext.window.Window',{width: 300, height:200, autoShow:false});

...

{

    xtype : 'button',

    text : 'default button',

    handler : function() {

        winObj.show();

    }

}

maximizable: true - 최대창 버튼 (Default: false)

modal: true - 모달메시지창 / 하위 메뉴 선택 불가  (Default: false)

var winObj = Ext.create('Ext.window.Window',{

                        width: 300,

                        height:200,

                        autoShow:false,

                        maximizable: true,

                        modal: true,

                        title: 'Title',

                        html: '<h1>Body<h1>'

                });

draggable (Default: true)

resiable (Default: true)

maximizable (Default: fasle)

closeAction   - 윈도우의 닫기 버튼 클리시 동작되는 액션 (Default: destroy) 

(* destroy일 경우 다시 create해줘야 하고, hide일 경우 show() 메서드로 보여주는 것이 가능)

animateTarget - 윈도우가 오픈되는 동안 코커스가 되는 타켓 id 또는 element (Default: null)