Simple Button Navigation Problem

[diggidydaz]

I am trying to simply navigate from the home Panel of my app, to various Panels based on which button is pressed. I used JQTouch before, which is very simple, but not as robust.

My app is mostly based in a PanelComponent called 'home', but I would like to slide the panel over to show a list component called 'list'. I also would like to do this for each other button on the main panel page.

I tried to use an event Handler to fire the action to go to the new page, but I seem to be missing the code for making it work.

Here is a sample piece of my button code:


var tapHandler = function (btn, evt) {
if (btn.id == "browse" ) {
setActiveItem('list')
}
else {
//Do Nothing
}
}

Do I need to set up my panels as TabPanels instead? Do I need to load them as DataViews?
I tried everything and am stuck, but I am sure it is a simple fix.

Any help would be great..thanks.

[xnakxx]

if 'home' is a panel with cardlayout do this

home.setActiveItem(list);