Need an example MVC check box selection in tree panel

I'm trying to get my head around how to do things the mvc way with extjs-4 and am not able to pull the pieces together.

I'm not sure where to put everything. I have a basic layout in app.js using a viewport container and would like to use a tree panel with check box to display come customer data. Initially I thought I would try to mock this up using static data and once that was sorted I would move to pulling the data from a database.

I cant seem to get a tree control to appear in the panel where I would like it or at all for that matter. The API examples display at http://docs.sencha.com/ext-js/4-0/#!...heck-tree.html looks like what im after but its not in MVC. Obviously I want to take advantage of all the goodness which comes with mvc but it seems the vast majority of examples in the API docs are not examples using mvc approach. or am I missing something? How do I translate the API examples into something I can cobble together for my app.

Any training pointers or examples. If its not already obvious I'm new to extjs so any help is greatly appreciated.

MVC is just a means of listening to events and acting upon them. Everything else is the same as if you were doing it within classes and not using MVC. You can either have your tree as an item of your viewport or you can add it as an item.

I would like the tree to appear in the west panel. what do I put in app.js? a controller at the top and then alias it in the west panel items. How about the data? Im assuming it goes in model, with a reference to a view, and somehow identified in the controller.