extjs 샘플 코드가 작동하지 않습니다.

Ext.create('Ext.panel.Panel', { 
renderTo: Ext.getBody(), 
width: 400, 
height: 300, 
title: 'Container Panel', 
items: [ 
    { 
     xtype: 'panel', 
     title: 'Child Panel 1', 
     height: 100, 
     width: '75%' 
    }, 
    { 
     xtype: 'panel', 
     title: 'Child Panel 2', 
     height: 100, 
     width: '75%' 
    } 
] 
});

위의 코드가 실행되고 있지 않습니다 ... 오류 또는 버그를 찾아주십시오. 나는 extjs에 아주 새롭다. documentaion ('containers'섹션 확인)을 진행하면서 위의 코드를 발견했습니다. jsfiddle에서 잘 실행되고 있지만 내 프로젝트에서는 그렇지 않습니다. (다른 샘플은 내 프로젝트에서 잘 작동합니다).extjs 샘플 코드가 작동하지 않습니다.

답변 :

Ext.onReady(function(){ 
    Ext.create('Ext.panel.Panel', { 
     renderTo: Ext.getBody(), 
     width: 400, 
     height: 300, 
     layout: 'hbox', 
     title: 'Container Panel', 
     items: [ 
      { 
       xtype: 'panel', 
       title: 'Child Panel 1', 
       height: 100,     
       flex:1 
      }, 
      { 
       xtype: 'panel', 
       title: 'Child Panel 2', 
       height: 100, 
       flex:1 
      } 
     ] 
    }); 
});

출처

2013-02-01 Mr_Green

몇 가지 문제는 :

1) 당신은 onReady 블록의 코드를 포장해야합니다.

2) 너비가 유효하지 않습니다. 어떻게 둘 다 75 %가 될 수 있습니까? 이 경우, 각 하위 항목이 플렉스 인 hbox 레이아웃을 사용하는 것이 좋습니다. 1.

출처

2013-02-01 07:53:28

내가 언급 한 내용을 수행했습니다. 언급 한대로했는지 여부는 모르지만 여전히 크롬에 빈 페이지가 표시됩니다. 콘솔 오류가 없습니다. 제 편집 된 게시물을 확인하십시오. –

음, # 1 당신은 hbox 레이아웃을 넣지 않았습니다. # 2 onReady 전화가 올바르지 않습니다. 어떤 예를 보아도 그것이 잘못된 이유를 알 수 있습니다. –

문서에서 onready 함수를 찾을 수 없습니다. 나는 '레이아웃 :'hbox '를 유지했다. onready 함수를 이해하기 위해 샘플 코드를 보여주십시오. –

extjs 샘플 코드가 작동하지 않습니다.

답변

관련 문제