Sencha Touch - 컨테이너 내부의 회전 목마

Question

저는 신나 터치를 처음 접하며 컨테이너를 3 부분으로 나누어 만들려고합니다. 두 번째 부분에는 회전식 구성 요소가 있어야합니다. 이것은 내 코드입니다.

var con = new Ext.Container({ 
    width: '100%', 
    height: '100%', 
    layout: { 
     type: 'vbox', 
     align: 'stretch' 
    }, 
    items: [ 
    { 
     flex: 1, 
     html: 'First', 
     items: [ 
      { 
       xtype: 'carousel', 
       defaults: { 
        layout: 'hbox' 
       }, 
       items: [ 
        { 
         html: '1', 
         cls: 'card' 
        }, 
        { 
         html: '2', 
         cls: 'card' 
        } 
       ] 
      } 
     ] 
    }, 
    { 
     flex: 2, 
     html: 'Second' 
    }, 
    { 
     flex: 3, 
     html: 'Third' 
    } 
    ] 
}); 

결과는 컨베이어에서 3 개의 구성 요소 부분을 보여줍니다. 나는 무엇을 잘못 했는가? 많은 감사합니다.

Answer 1

몇 가지 :
1 - 당신이 사용할 때 HTML은 컨테이너의 몸을 설정하는 추가하므로, 어떠한 구성 요소 - 당신은 그것을 용기
2를 확장하기 때문에 회전 목마를 개최 (첫번째) 용기를 필요 없어요

 var con = new Ext.Container({ 
      width: '100%', 
      height: '100%', 
      layout:{ 
       type: 'vbox', 
       align: 'stretch' 
      }, 
      items:[{ 
       xtype: 'carousel', 
       defaults: { 
        layout: 'hbox' 
       }, 
       flex: 1, 
       items:[{ 
        html: '1', 
        cls: 'card' 
       },{ 
        html: '2', 
        cls: 'card' 
       }] 
      },{ 
       flex: 1, 
       html: 'Second' 
      },{ 
       flex: 1, 
       html: 'Third' 
      }] 
     }); 

:

이 센차 터치 2 (터치 1 테스트 havent 한)와 함께 작동합니다을 표시되지 않습니다