view is not defined error message

[chsrinivasgupta]

The below is my code. I am unable to create view it is giving error as view is not defined. pls give me
solution. Thanks in advance.

Ext.define('Acsellerate.view.Main', {
    extend: 'Ext.navigation.View',
    alias: 'widget.main',
    config: {
        //useTitleForBackButtonText: true,

        defaultBackButtonText: '',
        navigationBar: {
            backButton: {
                iconCls: 'reply',
                iconMask: true
            },
            cls: 'title',
            layout: {
                pack: 'center',
                type: 'hbox'
}
            },
            items: [{
                title: 'First',
                items: [{
                    xtype: 'button',
                    text: 'Push a new view!',
                    handler: function() {
                        //use the push() method to push another view. It works much like
                        //add() or setActiveItem(). it accepts a view instance, or you can give it
                        //a view config.
                        alert('hi');
                        view.push({
                            title: 'Second',
                            html: 'Second view!'
                        });
                    }
}]
}]
                }

            });

[jay@moduscreate.com]

I modified your post. Please wrap your stuff with CODE tags in the future.

[jay@moduscreate.com]

the "view" reference YOU are trying to access is not defined! you need to define it somehow.

btn.getParent().push({ ... });