EXT 학습노트4(UI 구성 요소 윈도우 소개)

EXT를 공부할 때 EXT를 많이 봐야 합니다. 중국에서 EXT 중국어 API를 제공하는 것이 도움이 됩니다.
 
EXT. window 구성 요소의 사용: 이 구성 요소는 페이지에 창을 보여 주고 마음대로 드래그할 수 있습니다.
일반적인 구성 속성:
title: 창 제목
레이아웃: 레이아웃 모드
width: 폭
높이
body Style: 창 스타일은 텍스트 상자와 텍스트 상자 앞의 레이블의 합리화를 실현하는 데 사용됩니다
예:
bodyStyle: 'padding:5px 5px 0',
modal: 창의 모드화.true일 때 페이지의 다른 요소가 차단됨
labelWidth: 창의 모든 텍스트 상자 탭 너비 제어
defaultType: 창의 기본 하위 요소
items: 용기에 다른 구성 요소를 추가하는 데 사용되는 배열
buttons: 창에 단추를 추가합니다. 그룹입니다.
resizable:false 시 창 크기 변경 금지
plain:true 시 창에 추가된 폼의 배경색과 창 배경색을 일치시킬 수 있습니다
buttonAlign: 창의 단추 레이아웃
방법
 
render: 창을 어디에 추가합니까
show: 창을 표시합니다. (창이 실례화되면 바로 표시되지 않습니다. 페이지에 추가하고 show 방법으로 표시해야 합니다.)
hide: 창 숨기기
예:
 

 Ext.onReady(function(){
                var _window = new Ext.Window({
                    title: " ",
                    layout: "form",
                    width: 300,
                    height: 200,
                    bodyStyle: 'padding:5px 5px 0',
                    modal: true,
                    labelWidth: 45,
                    defaultType: 'textfield',
                    items: [{
                        fieldLabel: ' ',
                        blankText: ' ',
						allowBlank:false,
                        name: 'username'
                    }, {
                        fieldLabel: ' ',
                        blankText: ' ',
						allowBlank:false,
                        name: 'password'
                    }],
                    buttons: [{
                        text: " ",
                        handler: function(){
                            alert(" ");
                        }
                    }, {
                        text: " ",
                        handler: function(){
                            alert(" ");
                        }
                    }],
                    resizable: false,
                    plain: true,
                    buttonAlign: 'center'
                });
                _window.render(Ext.getBody());
                _window.show();
            });