Extjs, 창을 최대화 할 때 maxHeight를 무시하는 방법?

Question

Extjs 4.2, 창이 최대화 될 때 어떻게 maxHeight 설정을 무시할 수 있습니까? 전체 화면 창을 만들고 싶습니다.

jsfiddle 내 데모 코드입니다.

http://jsfiddle.net/zbyHY/

Ext.onReady(function() { 
    Ext.create('Ext.window.Window',{ 
     title: 'Hello', 
     maximizable: true, 
     width: 400, 
     height: 300, 
     maxHeight: 350 
    }).show(); 
}); 

Answer 1

주요 해킹에 대한 준비 ?

function realMaximize(){ 
    if(this.maxInternal){ 
     return; 
    } 
    if(this.maximized){ 
     this.oldMaxHeight = this.maxHeight; 
     this.maxHeight = undefined; 
     this.maxInternal = true; 
     this.restore(); 
     this.maximize(); 
     this.maxInternal = false; 
    }else{ 
     this.maxHeight = this.oldMaxHeight; 
    } 
} 

Ext.onReady(function() { 
    var w = Ext.create('Ext.window.Window',{ 
     title: 'Hello', 
     maximizable: true, 
     width: 400, 
     height: 300, 
     maxHeight: 350 
    }); 
    w.addListener('maximize',realMaximize); 
    w.show(); 
}); 

우! 끔찍해. 그것은 무엇을합니까? 최대화가 감지되면 현재 최대 높이를 저장하고 제거합니다. 그런 다음 UI가이 새로운 최대 값을 존중하도록 업데이트되도록 최대화를 토글합니다 (더 좋은 방법이있을 수 있습니다). 마지막으로 플래그를 설정하고 확인해야합니다. 그렇지 않으면 무한 루프가됩니다 (maximize이 함수를 다시 호출합니다).

창으로 돌아가는 것은 그리 어렵지 않습니다. 기억 된 크기는 OK 여야하므로 재귀 적으로 함수를 호출 할 필요가 없습니다.