BorderLayout 중심 영역으로 제한 될 때 창 최대화 문제

BorderLayout의 가운데 영역으로 창을 제한하고자하는 상황이 있습니다. 이것은 물론 잘 작동하지만, 최대화 버튼을 클릭하면 하단 도킹 된 툴바가 잘려나 간다. 만약 내가 단순히 창을 제약하지 않는다면 이것은 일어나지 않습니다. 확실한 것이 없거나 버그 일 수 있는지 확실하지 않습니다. 버전 4.2.1을 사용 중입니다.BorderLayout 중심 영역으로 제한 될 때 창 최대화 문제

이

<html> 

    <head> 

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
    <link rel="stylesheet" type="text/css" 
     href="js/extjs/resources/css/ext-all.css"> 
    <script type="text/javascript" src="js/extjs/ext-all.js"></script> 

    <script> 

     Ext.onReady(function() { 

     Ext.create("Ext.container.Viewport", 
      { layout : "border", 
      items: [ 
       { height : 60, region : "north", items: [ ] }, 
       { id : "regCenter", region : "center" } 
      ] 
      } 
     ); 

     Ext.create("Ext.window.Window", 
      { maximizable : true, width : 350, height : 440, 
      constrainHeader : true, constrainTo : "regCenter", 
      dockedItems : [ 
       { xtype : "toolbar", dock : "bottom", 
       items : [ { text : "XXX" } ] 
       } 
      ], 
      items : [ ] 
      } 
     ).show(); 

     }); 

    </script> 

    </head> 

    <body></body> 

</html>

가 나는 예상대로 나도 제거 또는 둘 다 다음 작품을 극대화 경우 ...을 constrainTo 및 constrainHeader 함께 할 수있는 뭔가로 좁혀있어, 아무것도 차단되지 않은 :이 문제를 보여줍니다 여기에 단순화의 시험 코드 꺼져있다. 어떤 제안에 미리

감사합니다, 프랭크

출처

2013-10-05 Frank W. Zammetti

대신 넣어

constrainHeader : true, constrainTo : "regCenter",

: constrainHeader 말한다

문서로

constrain : true, renderTo :'regCenter',

를 들어,

constra inHeader : 부울

그리고

구속 (윈도우 몸이 포함 된 요소의를 벗어날 수 있도록 )의 포함 요소 내의 창 헤더를 제한하는 진정한 : 부울

진정한 그 요소를 포함하고있는 요소 내에 윈도우를 제한합니다. 그 요소를 포함하고있는 요소의 바깥에 들어가도록 (듯이) false입니다. 기본적으로 윈도우는 document.body에 렌더링됩니다. 다른 요소 내의 창을 렌더링하고 제한하려면 renderTo을 지정하십시오. "선택적으로 헤더는 constrainHeader를 사용하여 제한 할 수 있습니다".

이 설명이 도움이 되길 바랍니다.

출처

2013-10-07 07:39:54 vajrakumar

BorderLayout 중심 영역으로 제한 될 때 창 최대화 문제

답변

관련 문제