Newbie: Update View/Panel data dynamically on tap of item on the Dataview

[senchaSaurav]

Hi,
I am trying to build IPad Application using Sencha Touch 2.0.
On the left side I have List of items, and on tap of item I need to render the respective information on the right side detail container.
On the RHS, the container consists of titlebar with action buttons and Segemented Button component. So ontap on the item, I want to display respective information and on each of the button clicks in the Segemented button group it shall render related information w.r.t selected item in the list.

So in this scenario;
1.Here, Is it necessary to create new instance of the view each and every time ontap of the items or only requires to update the data because representation will be same for the items but only the data shall be change?
2.And how can I dynamically update the RHS detail container ontap of the intended item on the LHS?

[mitchellsimoens]

If the component on the right is going to have the same HTML structure you can give the component a tpl and then on itemtap you can use setData on the component on the right and that should fill the template with data.

[senchaSaurav]

Thanks for your quick response.
Do you any example related to this?
One more thing,
I have a Main panel where I used card layout with animation slide, direction left and items in the Main Panel are TitleBar, TabPanel, and Panel in that panel I have used HBar layout to get the separation on LHS my dataview and on RHS my the detail container. But when I tap on item animation slide is not working.

Note: Till now I didn't try it on IPad. I am still in Chrome.