Can I remove all items in a Navigation View?

[jweber]

Can I remove all items in a Navigation View? I'd like to remove the "root" card and replace it with another one.

I've tried using reset() and pop(number of items), but they both leave the first item there.

If I use removeAll(), it seems to work. But then when I add() another item, I get an error in Chrome 17 and Firefox 10):

sencha-touch-all-debug.js:12583 Uncaught TypeError: Cannot read property 'style' of undefined

Here's my sample code. It will add a card, add another, remove all cards, then try to add another.

Ext.setup({onReady: function() {
	var view = Ext.create('Ext.navigation.View', {
		fullscreen: true,
		layout: {
			animation: false
		}
	});
	Ext.defer(function() {
		view.push({
			title: 'First'
		});
		Ext.defer(function() {
			view.push({
				title: 'Second'
			});
			Ext.defer(function() {
				view.removeAll();
				Ext.defer(function() {
					view.push({
						title: 'Third'
					});
				}, 1000);
			}, 1000);
		}, 1000);
	}, 1000);
}});

(Also, in Chrome and Firefox, the navigation bar looks wrong. But that's a separate issue.)

[mitchellsimoens]

The navigation view is meant to have the same initial card. You could add and remove components from the initial card.

[jweber]

Thanks. You might want to clarify this in the documentation. For example, the reset() method says "Resets the view by removing all items between the first and last item", which is kind of confusing.

Would it be difficult to allow the first item to be removed, leaving no inner items? It seems like this would make it more consistent with other components. Plus you can already create it with no inner items.

[pvmagacho]

Hi,

I can remove all inner items from a navigation view, however the Back button is still showing.

Can we remove all from navigation view and reset the inner counter so the back button is not shown.

Thanks