sencha touch 中的动态分段按钮

Question

我正在使用 Sencha Touch 应用程序，我需要从控制器创建一个具有不同数量项目的动态分段按钮，而不是每次都添加到视图中。

正确的方法应该是创建一个单例类并在需要创建组件时调用它...对吗？

谢谢你..

Answer 1

你可以使用setItems:

设置项目的值。

例如：

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

工作示例：https://fiddle.sencha.com/#fiddle/1035

Answer 2

为视图中的按钮提供 id：

{
                    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();