Add items to navigation view toolbar

[steffenbrem]

Hello,

I have a navigation view, which has a main panel and a details panel. In the details panel, I want a button in the top right corner (toolbar). I push to the details panel within my controller, called "Dealers".

How can I add this button? I tried to set the items property in my details panel, but this just adds another toolbar.


Thanks!

Steffen Brem

[steffenbrem]

Crazy bumb

[lincon6]

Just have a look at the navigationview example.
Set the button config in navigationBar as below
code snippet does and control the button's visibility
and events in the controller.

Ext.define('AddressBook.view.Main', {
    extend: 'Ext.navigation.View',
    xtype: 'mainview',


    requires: [
        'AddressBook.view.Contacts',
        'AddressBook.view.contact.Show',
        'AddressBook.view.contact.Edit'
    ],


    config: {
        autoDestroy: false,


        navigationBar: {
            ui: 'sencha',
            items: [
                {
                    xtype: 'button',
                    id: 'editButton',
                    text: 'Edit',
                    align: 'right',
                    hidden: true,
                    hideAnimation: Ext.os.is.Android ? false : {
                        type: 'fadeOut',
                        duration: 200
                    },
                    showAnimation: Ext.os.is.Android ? false : {
                        type: 'fadeIn',
                        duration: 200
                    }
                },
                {
                    xtype: 'button',
                    id: 'saveButton',
                    text: 'Save',
                    ui: 'sencha',
                    align: 'right',
                    hidden: true,
                    hideAnimation: Ext.os.is.Android ? false : {
                        type: 'fadeOut',
                        duration: 200
                    },
                    showAnimation: Ext.os.is.Android ? false : {
                        type: 'fadeIn',
                        duration: 200
                    }
                }
            ]
        },


        items: [
            { xtype: 'contacts' }
        ]
    }
});

[steffenbrem]

Thanks, this really helped me

[kalor]

...but totally confused me.

How come "requires" is in there when the docs say it only applies to Ext.Application?