view - 如何在 Sencha NavigationView 上显示 Next 按钮？

Question

Sencha 在导航栏中添加了一个漂亮的后退按钮。如下所示。

所以我的问题是： -

• 如何将“下一步”按钮动态添加到导航栏？
• 如何设置 Next 按钮的样式以使其具有三角形边缘，类似于 Back 按钮的样式？

Answer 1

您可以通过设置按钮的配置将按钮的外观更改为看起来像前进ui : "forward"按钮。

您可以通过以下方式将按钮添加到导航栏 -

    navigationBar : {           
        items:[
            {
                xtype:'button',
                text:'Forward',
                ui:'forward'
            }
        ]
    },

您还可以从控制器动态地将按钮添加到导航栏。首先获取导航视图的实例，然后获取导航栏。创建一些按钮并将它们添加到其中。

   var navBar = this.getMyNavView().getNavigationBar();
    var button = Ext.create('Ext.Button', {
        text: 'Button'
    });
    navBar.add(button);

---

更新ui : 'forward'在 sencha 论坛上 发现了这个问题。看看它。

http://www.sencha.com/forum/showthread.php?253899-When-using-ui-forward-and-back-the-buttons-are-not-being-rendered-properly