sencha touch 中的动态分段按钮

Question

我在 Sencha Touch 应用程序中工作，我需要创建一个动态分段按钮，其中包含来自控制器的不同数量的项目，而不是每次都将此组件添加到视图中。

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

谢谢..

Answer 1

为视图中的按钮提供 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();

Answer 2

您可以使用 setItems:

Sets the value of items.

例如：

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

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

sencha touch 中的动态分段按钮

Dynamic segmented button in sencha touch

javascript

extjs

sencha-touch