Sencha 회전 목마가 작동하지 않습니다.

Question

나는 새로운 꿀벌을 sencha로 사용하여 Carousel을 사용하여 스크롤보기를 추가하려고했습니다. 여기에 내 코드

var signupBase = { 
standardSubmit : false, 
items: [{ 
     xtype: 'fieldset', 
     title: 'Sign up', 
     defaults: { 
        required: true, 
        labelAlign: 'left', 
        useClearIcon: true, 
        labelWidth: '37%' 
        }, 
        items: [{ 
          xtype: 'textfield', 
          name : 'FirstName', 
          label: 'FirstName' , 
          useClearIcon: true 
          },{ 
          xtype: 'textfield', 
          name : 'LastName', 
          label: 'LastName', 
          useClearIcon: true 
          },{ 
          xtype: 'textfield', 
          name : 'email', 
          label: 'Email', 
          useClearIcon: true 
          },{ 
          xtype: 'passwordfield', 
          name : 'password', 
          label: 'Password', 
          useClearIcon: true 
          },{ 
          xtype: 'passwordfield', 
          name : 'Confirm', 
          label: 'Confirm', 
          useClearIcon: true 
          }] 
        },{ 
        xtype: 'button', 
        text: 'Sign up', 
        ui: 'confirm', 
        handler: function() { 
        view.setActiveItem('welcomepanel', {type:'fade', direction:'left'}); 

        } 
        }] 
      } 
      var carousel = new Ext.create('Ext.Carousel', 
              { 
              fullscreen: true, 
              itemLength: 250, // **you can change value as you want** 
              defaults: { 
              styleHtmlContent: true 
              }, 
              items: [signupBase]}); 
     var view = Ext.create('Ext.TabPanel', { 
         fullscreen: true, 
         tabBarPosition: 'bottom', 
         scroll:'vertical', 
         //styleHtmlContent: true, 
         //padding: 10, 
         items: [{ 
           title: 'HOME', 
           iconCls: 'home', 
           items: [{ 
             xtype: 'toolbar', 
             title: 'Sign In', 
             },signinBase] 

           }, 
           { 
           title: 'ITEMS', 
           iconCls: 'star', 
           items: [ 
             { 
             xtype: 'toolbar', 
             title: 'Add Items', 
             }, 
             carousel] 

카루셀보기 내가 위의 code.please 도움말에있는 어떤 실수 ... 내가 'signupBase'직접 작동하지만 스크롤하지를 추가 tab.When '항목 추가'에 표시되지 않습니다 나 그것을 밖으로 정렬합니다.

Answer 1

그냥 회전 목마에 height을 제공하십시오. 항목 탭을 추가하고 상단에 고정되어 제목 표시 줄을 사용

 var carousel = new Ext.create('Ext.Carousel',{ 
      itemLength: 250, 
      height : '100%', 
      defaults: { 
       styleHtmlContent: true 
      }, 
      items: [signupBase] 
     }); 

업데이트

가지 적어 카드 레이아웃, 코드

//Same code.. 
    { 
     title: 'ITEMS', 
     iconCls: 'star', 
     layout:'card', 
     items: [{ 
     docked: 'top', 
     xtype: 'titlebar', 
     title: 'Add Items', 
     }, 
     carousel] 
    }, 
//Same code..