Sencha touch selectfield list scroll issue

Question

Я создал панель инструментов, содержащую 1 selectfield. Элементы в поле выбора более & нет способа узнать, что в списке больше предметов. Как я могу решить эту проблему. Пожалуйста, помогите мне. Вот код

items: [ 
     { 
      xtype : 'toolbar', 
      docked: 'top', 
      id: 'toptool', 
      flex: 1, 
      items: [ 
       { 
        xtype: 'selectfield', 
        name: 'test', 

        options: [ 
         { 
          text: 'cat 1', 
          value: '1', 
         }, 
         { 
          text: 'cat 2', 
          value: '2', 
         }, 
         { 
          text: 'cat 3', 
          value: '3', 
         }, 
         { 
          text: 'cat 1', 
          value: '1', 
         }, 
         { 
          text: 'cat 2', 
          value: '2', 
         }, 
         { 
          text: 'cat 3', 
          value: '3', 
         }, 
         { 
          text: 'cat 1', 
          value: '1', 
         }, 
         { 
          text: 'cat 2', 
          value: '2', 
         }, 
         { 
          text: 'cat 3', 
          value: '3', 
         }, 
         { 
          text: 'cat 1', 
          value: '1', 
         }, 
         { 
          text: 'cat 2', 
          value: '2', 
         }, 
         { 
          text: 'cat 3', 
          value: '3', 
         }, 
         { 
          text: 'cat 1', 
          value: '1', 
         }, 
         { 
          text: 'cat 2', 
          value: '2', 
         }, 
         { 
          text: 'cat 3', 
          value: '3', 
         } 
        ] 
       } 
      ] 
        } 
     ] 

Answer 1

Прежде всего удалить запятую (,) после параметра «значение». Теперь используйте класс css или встроенный стиль, чтобы исправить высоту поля выбора.

xtype: 'selectfield', 
name: 'test', 
style: 'height:100px',