how to reuse a navigationbar object

[RickHoving]

Hi all,

I have an Tabpannel which contains a number of navigation views.
What I want to do is the following:

I have an navigation variable like this:

        var oMenuButton = Ext.create("Ext.Button", { 
            text: "My Button",
            listeners: {
                tap: function(){
                     //functionality here
                }
            }
        });
        
         
        var oNavigationbar = {
            docked: 'top',
            backButton : {
                margin: 7,
                docked: "left",
                ui : 'back'                
            },
            items: [
                 oMenuButton 
            ],
        };

And I would like to reuse this navigationbar object to instantiate the same navigationbar in multiple navigationviews like this:

var myView= Ext.create("Ext.navigation.View",{            
        title: "NavigationVieuw",
        items: oAlleDocumentenList,
         navigationBar : oNavigationbar,
           
        });

The only problem is that the button is only showing on the last navigation vieuw I used the oNavigationbar variable.

Is there a way to clone this object so I can reuse it. Or does Ext.Js have some functionality I could use?
Or can I wrap my object in a Ext.Js object so I can use the clone function?

Any insights on this subject?

[mitchellsimoens]

You can reuse a config object but don't reuse an instance.