如何在Sencha NavigationView上显示“下一步”按钮？

Question

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

所以我的问题是： -

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

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

---

<强>更新 在sencha论坛上找到ui : 'forward'的此问题。看看吧。

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