Hoping someone can help me out here .... I've just started using Wicket and
this is what I'm trying to do:
I've got a main page that has a header, body, and footer where the body
should be used as a wicket child. In the header I have a TabbedPanel. When
I click on a tab I want the contents to appear in the body(not right below
the tab....in the header.) It looks all pretty and the tabs work .... it's
just that when I click on the tab I want "This is Tab #1" to be displayed in
the body. I've tried using <wicket:extend> but to no avail. Thanks in
advance .........
Code:
PanelPage.html
<html>
<head>
<title wicket:id="title">Title goes here</title>
<link rel="stylesheet" type="text/css" href="css/tab.css" />
</head>
<body>
<div id="header">
<div wicket:id="tabs" class="tabpanel">[tabbed panel will be
here]</div>
</div>
<div id="body" class="body">
This is the Body
<wicket:child />
</div>
<div id="footer" class="footer">
<br>
</div>
</body>
</html>
PanelPage.java
public class PanelPage extends WebPage
{
public PanelPage()
{
final List tabs=new ArrayList();
tabs.add(new AbstractTab(new Model("My Home Page"))
{
public Panel getPanel(String panelId)
{
return new TabPanel1(panelId);
}
});
tabs.add(new AbstractTab(new Model("Leads"))
{
public Panel getPanel(String panelId)
{
return new TabPanel2(panelId);
}
});
final TabbedPanel panel = new TabbedPanel("tabs", tabs);
class TabTitleModel extends Model
{
public Object getObject(Component comp)
{
return ((ITab)
tabs.get(panel.getSelectedTab())).getTitle().getObject(null);
}
}
add(new Label("title", new TabTitleModel()));
add(panel);
add(new Label("footer", "This is in the footer"));
}
}
TabbedPanel.html
<wicket:panel>
<div class="tab-row">
<ul>
<li wicket:id="tabs">
<!-- The Tab link and display text -->
# [[tab title]]
</li>
</ul>
</div>
<!-- Currently active panel falls here -->
[panel]
</wicket:panel>
TabPanel1.html
<html>
<body>
<wicket:panel>
This is Tab #1
</wicket:panel>
</body>
</html>
TabPanel1.java
package wicket.panel.panels;
import wicket.markup.html.panel.Panel;
public class TabPanel1 extends Panel
{
private static final long serialVersionUID = 1L;
public TabPanel1(String id)
{
super(id);
}
}
--
View this message in context:
http://www.nabble.com/TabbedPanel-tf4719265.html#a13491072
Sent from the Wicket - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
