렌더링 내역 편집

Question

기존 웹 사이트 템플릿에 ExtJS4 Ext.application을 실행하려고합니다. 우리는 div #content을 가지고 있는데, 개발을위한 신청서를 제출하고 싶습니다. 기존 HTML 페이지를 대체하는 대신이 영역에 응용 프로그램을 어떻게 렌더링합니까?

Ext.application({ 
    name: 'HelloExt', 
    launch: function() { 
     Ext.create('Ext.container.Viewport', { 
      layout: 'fit', 
     // renderTo: Ext.Element.get('#content') doesn't work 
      items: [ 
       { 
        title: 'Hello Ext', 
        html : 'Hello! Welcome to Ext JS.' 
       } 
      ] 
     }); 
    } 
}); 

Answer 1

Ext.container.Viewport 이외의 용기를 사용해야합니다. 정의에 의해 Ext.container.Viewport은 항상 전체 브라우저 창을 사용합니다. 문서에서

:

뷰포트 문서 본문에 자신을 렌더링, 자동으로 브라우저의 뷰포트의 크기 자체 크기 및 창 크기 조정을 관리합니다. 한 페이지에 하나의 뷰포트 만 생성 될 수 있습니다.

그냥이가을 downvoted 된 이유를 할 때 대신

Ext.application({ 
    name: 'HelloExt', 
    launch: function() { 
     Ext.create('Ext.panel.Panel', { 
      layout: 'fit', 
      renderTo: Ext.get('content') 
      items: [ 
       { 
        title: 'Hello Ext', 
        html : 'Hello! Welcome to Ext JS.' 
       } 
      ] 
     }); 
    } 
});