working.pngThis works fine, I get a list with all the items. When I go to another view and return to the List view, there are no items anymore, so the list doens't show. I don't understand why this time the list doesn't show up because I use the same code (above) in the function of my "back" button. This function is in my controller. (main.js)

In this new code, the view is added which has the store configured for it.

However...big however here, you have a lot of issues with your code. Just by running your original code I got a bunch of warnings in the console. You should go back and review any/all warnings you receive and handle each one until it's clean.

I think you'll really need to read the guides in the documentation and reassess your architecture.

You have a lot of places in there where you're continually adding new views to your Viewport. As you use the app, the number of components just grows and grows without them even being used which is a big problem.

Take a look at some of the built-in components you can use as well instead of manually handling the Viewport. There are a lot of niceties built into the framework that you should take advantage of.

To wrap up, the error is corrected but you still have a lot of work to do. Keep trying things and post for help if you need it.

Regarding the Viewport stuff, the biggest problem in your code is that for every time you want to switch to a different view, you were creating a new instance. As your app is used, the number of redundant view instances floating around was growing exponentially.

As far as links to other resources, check out the docs for the Ext.navigation.View class and the Ext.dataview.NestedList. The docs themselves are a good resource as they will some nice things that are built in such as auto-destroying components, animating views, and setting detail cards.