Using the above you can have a list and panel on the same page, or, if you want to just slide to a new detail panel when you click an entry in the list then simply push the "Detail Panel" onto the Navigation View (see the CityBars example on how to do this), the Naviagtion View will automatically give you a "Back' button to get back to the list. When you create the components make sure they size correctly so that you can see what is inside them (he Navigation View for example - set "height" at 100%). Use the Design view and you will see the sizes.

hi celticboyone, first thank for your reply.
hi Celticboyone, first thanks for your reply. I should try the example you provided.
Last week I have tried a whole week to makes my example works. But it didn't

Actually, I just wanted the same thing like the example of sencha touch 2 oreilly.

A view with segmentedbutton, directly loaded when the application starts.
Then when pressed on the listview, you'll get a detailview with data.

Maybe you know how to do this or much better to provide me an example so that I can compare with it?

You don't need a Tab Panel to do what you wish as all the lists and their click-through details operate independently of the Tab Panel, but you could put them all on the first tab. I think the first thing you need is to get the structure of your project correct. Have you been able to do that? Maybe like this:
1. Create a new Touch project and start with a Tab Panel under “Views”
2. In the first Tab add a Navigation View as a child
3. Add a Container to the Navigation View
4. Place your Segmented buttons and List inside that container
5. Add some data so that you can see it in the list

You should now have the main structure in place and looking like this:Screenshot.png

Create a totally separate new Panel under Views, this will be the Detail panel when you click a list item, add something into the HTML property so you will see it when it slides into view.
Now you will add a new Controller, and in that you will trap an itemTap on the list, when you get that then push the Deatil Panel onto the Navigation view – this will cause the details to slide into view and you automatcially gte a "Back" button. If you need help at this let me know.

Switching the data in the list to give a sepatate list when different buttons are pressed can be done by changing the underlying data for each button tap, but you should get the above working first so you know it is good for the detail panel slideing in when you click an item in the list.

Hi Celticboyone, first thank you for your detailed explanation and example.

I have try to make it as you describe, however I missed the last steps:
1) the push navigation didnt work, I got an error message ""
- note: as I have seen other examples, they just use 'link' the list and navigationview, when should I do this?
2) I don't know how to use the toggle. I can call it with an action handler, but thereafter? It should do something like fireevents to load the another list right? Do you know how to do that?

I have upload my xda example, with a little bit more configurations.
I have added two models (one twitter, and one customer model), and two JsonP stores, one with use of twitter api, and one with ajaxproxy to load from internal source data.

I just looked at the O'Reilly example - I think it is a little different than what you are doing since the segmented buttons simply filter the same list. In other words, there is just one list and clicking the buttons filters by date. What you have are two different lists with two different stores. So, in place of the single List you have now you will need to replace that with something like a Panel and set it's layout of"Card" so that it can have multiple cards. Then put one list one one card and the other list on the other card. Then use the buttons to simply switch between cards - you use .setActiveItem(#) on the panel to switch between it's different cards. Try it is a small project first until you get that working. At least I think that is how I would first go about it, as always there are many different ways.