EXT 어셈블리 자동 높이 및 너비

Ext 코드
  • Ext의 구성 요소 구조 함수의width,height는 100% 설정 방식을 지원하지 않기 때문에 동적으로 고도의 폭을 가져와 문제를 해결합니다.  
  •  
      
  •   
  • 구성 요소를 구성할 때 이렇게 적습니다:
  • width: Ext.get("component").getWidth(),   
  • height: Ext.get("component").getHeight(),   

  • 방법 2
     
    앞의 예시에서 판넬을 표시하기 위해서 페이지에 하나를 추가한 다음 Ext 컨트롤을 이div에 렌더링해야 합니다.VeiwPort는 전체 브라우저 표시 영역을 대표합니다. 이 대상은 페이지의 바디 영역으로 렌더링되고 브라우저 표시 영역의 크기에 따라 자동으로 변경됩니다. 한 페이지에 ViewPort 실례가 하나만 있을 수 있습니다.다음 코드를 참조하십시오.
    Ext.onReady(function(){
    new Ext.Viewport({
    enableTabScroll:true,
    layout:"fit",
    items:[{title:" ",
    html:"",
    bbar:[{text:" 1"},
    {text:" 2"}]
    }]
    });
    });

     
     
    Viewport는 더 이상renderTo를 지정할 필요가 없습니다. 또한 Viewport가 전체 브라우저 디스플레이 영역을 채우고 브라우저 디스플레이 영역의 크기가 바뀌면서 바뀌는 것을 보았습니다.Viewport는 주로 응용 프로그램의 메인 인터페이스에 사용되며 서로 다른 레이아웃을 사용하여 서로 다른 스타일의 응용 프로그램의 메인 인터페이스를 구축할 수 있다.Viewport에서 자주 사용하는 레이아웃은fit,border 등이 있습니다. 물론 필요할 때 다른 레이아웃도 자주 사용됩니다.

    좋은 웹페이지 즐겨찾기