Динамическая сегментированная кнопка в sencha touch

Question

Я работаю в приложении Sencha Touch, и мне нужно создать динамическую сегментированную кнопку с различным количеством элементов из контроллера, а не добавлять к виду каждый раз, когда этот компонент.

Правильный способ для этого. Он должен создать класс singleton и вызвать его, когда вам нужно создать компонент ... правильно?

Спасибо ..

Answer 1

Вы можете использовать setItems:

Устанавливает значение элементов.

Например:

segmentedButton.setItems([{text: 'Option 4'}, {text: 'Option 5'}]) 

Рабочий пример: https://fiddle.sencha.com/#fiddle/1035

Answer 2

Дайте идентификатор кнопки в виду:

{ 
        xtype: 'segmentedbutton', 
        allowToggle: false, 
        layout: { 
         type: 'hbox', 
         align: 'end' 
        }, 
        items: [ 
         { 
          xtype: 'button', 
          id: 'btnStudents', 
          text: 'student' 
         }, 
         { 
          xtype: 'button', 
          id: 'btnTeacher', 
          text: 'teacehr' 
         } 
        ] 
       } 

затем в контроллере:

refs: { 
     btnStudents: 'button#btnStudents', 
     btnTeacher: 'button#btnTeacher', 
    }, 

и в зависимости от ваших требований вы можете использовать:

this.getBtnStudents().show(); 

или this.getBtnStudents().hide();