Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
Description
Wiki Markup |
---|
{snippet:id=javadoc|javadoc=true|url=struts2/plugins/dojo/src/main/java/org/apache/struts2/dojo/components/TabbedPanel.java} |
Parameters
Wiki Markup |
---|
{snippet:id=tagattributes|javadoc=false|url=struts2-tags/ajax/a.html} |
Examples
The tabbedpanel component is primarily an AJAX component, where each tab can either be local content or remote content (refreshed each time the user selects that tab).
Note |
---|
Be sure to setup the page containing this tag to be Configured for AJAX |
Attribute | Type | Required | Default | Description |
---|---|---|---|---|
id | string | TRUE |
| The id to assign the component |
This tag is used in together with the panel tag.
...
The following is an example of a tabbedpanel and panel tag utilizing local and remote content.:
Wiki Markup |
---|
{snippet:id=tabbedpanel-tagexample1|lang=xml|javadoc=nonetrue|url=https:struts2//webwork.dev.java.net/source/browse/*checkout*/webwork/webapps/ajax/src/webapp/lesson5/example8-2.jsp} |
Additional Configuration
If you are looking for the "nifty" rounded corner look, there is additional configuration. This assumes that the background color of the tabs is white. If you are using a different color, please modify the parameter in the Rounded() method.
plugins/dojo/src/main/java/org/apache/struts2/dojo/components/TabbedPanel.java} |
Use notify topics to prevent a tab from being selected:
Wiki Markup |
---|
{snippet:id=example2|lang=xml|javadoc=true|url=struts2/plugins/dojo/src/main/java/org/apache/struts2/dojo/components/TabbedPanel.java} |
Code Block |
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
<script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
<script type="text/javascript">
dojo.event.connect(window, "onload", function() {
if (!NiftyCheck())
return;
Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
// "white" needs to be replaced with the background color
});
</script>
|