반올림 목록이 sencha touch 2에서 끝날 때까지 스크롤되지 않습니다.

Question

Sencha Touch 2에서 둥근 목록보기를 원합니다.이를 위해 저는 ui : round 속성을 사용했습니다. 하지만 작동하지 않습니다. 이제 왼쪽면이 반올림됩니다. 하지만 오른쪽면에서는 제대로 나오지 않습니다. 그리고 그 둥근 테두리 안에 목록을 넣고 싶습니다.

Ext.define('MyApp.view.MyTabPanel', { 
extend: 'Ext.tab.Panel', 

config: { 
    layout: { 
     animation: 'fade', 
     type: 'card' 
    }, 
    items: [ 
     { 
      xtype: 'container', 
      draggable: true, 
      styleHtmlContent: true, 
      title: 'Artist', 
      items: [ 
       { 
        xtype: 'list', 
        height: 696, 
        ui: 'round', 
        width: 325, 
        modal: true, 
        itemTpl: [ 
         '{firstName}' 
        ], 
        store: 'name', 
        onItemDisclosure: true 
       } 
      ] 
     }, 
     { 
      xtype: 'container', 
      styleHtmlContent: true, 
      scrollable: true, 
      title: 'Albums', 
      items: [ 
       { 
        xtype: 'list', 
        height: 730, 
        ui: 'round', 
        width: 325, 
        modal: true, 
        itemTpl: [ 
         '{albumlist}' 
        ], 
        store: 'albumstore', 
        onItemDisclosure: true 
       } 
      ] 
     }, 
     { 
      xtype: 'container', 
      styleHtmlContent: true, 
      title: 'Playlist', 
      items: [ 
       { 
        xtype: 'list', 
        height: 700, 
        ui: 'round', 
        width: 325, 
        modal: true, 
        itemTpl: [ 
         '{playlist}' 
        ], 
        store: 'playliststore', 
        onItemDisclosure: true 
       } 
      ] 
     } 
    ], 
    tabBar: { 
     docked: 'top', 
     layout: { 
      align: 'center', 
      pack: 'center', 
      type: 'hbox' 
     } 
    } 
} 

}); 

가 지금은 둥근 목록에오고있다 :

여기 내 코드입니다 : 다음은 내 코드입니다. 하지만 스크롤이 제대로되지 않습니다. 목록의 끝까지 가지 않을 것입니다.

Answer 1

일부 중복 구성을 구성 요소에 포함 시켰습니다.

변경된 내용은 MyTabPanel.js (상당 부분)입니다.

Ext.define('MyApp.view.MyTabPanel', { 
    extend: 'Ext.tab.Panel', 

    config: { 
     layout: { 
      animation: 'fade', 
      type: 'card' 
     }, 
     items: [ 
      { 
       xtype: 'container', 
       layout: 'card', 
       //draggable: true, 
       styleHtmlContent: true, 
       title: 'Artist', 
       items: [ 
        { 
         xtype: 'list', 
         //height: 696, 
         ui: 'round', 
         //width: 325, 
         //modal: true, 
         itemTpl: [ 
          '{firstName}' 
         ], 
         store: 'name', 
         onItemDisclosure: true 
        } 
       ] 
      }, 
      { 
       xtype: 'container', 
       layout: 'card', 
       styleHtmlContent: true, 
       //scrollable: true, 
       title: 'Albums', 
       items: [ 
        { 
         xtype: 'list', 
         height: 730, 
         ui: 'round', 
         width: 325, 
         modal: true, 
         itemTpl: [ 
          '{albumlist}' 
         ], 
         store: 'albumstore', 
         onItemDisclosure: true 
        } 
       ] 
      }, 
      { 
       xtype: 'container', 
       layout: 'card', 
       styleHtmlContent: true, 
       title: 'Playlist', 
       items: [ 
        { 
         xtype: 'list', 
         //height: 700, 
         ui: 'round', 
         //width: 325, 
         //modal: true, 
         itemTpl: [ 
          '{playlist}' 
         ], 
         store: 'playliststore', 
         onItemDisclosure: true 
        } 
       ] 
      } 
     ], 
     tabBar: { 
      docked: 'top', 
      layout: { 
       align: 'center', 
       pack: 'center', 
       type: 'hbox' 
      } 
     } 
    } 

});