Tab panel page navigation problem.
sivaprasad9394 Oct 19, 2010 6:06 AMHi all,
How to navigate to the next page??? this is my below code.....
jsp:
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Existing</title>
</head>
<body>
<f:subview id="postpaidCustomerView">
<h:form id="postpaidCustomerForm">
<h:panelGrid id="tabpanelgrid">
<!--Main table starts here -->
<table width="818" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="818" valign="top">
<table class="font" width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
<td>
<table width="100%" height="50%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="95" height="25" bgcolor="#45aed8" style="background-repeat:no-repeat">
<table width="819" border="0" cellspacing="0.1" cellpadding="0.1">
<tr>
<td width="66%"><span class="font_white"> Home > Existing Customer > Postpaid</span></td>
<td width="12%"> </td>
<td width="15%"> </td>
<td width="5%"> </td>
<td width="2%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table width="100%" border="0">
<tr align="center" class="header_table_inside">
<td width="123"><a href ="#General">General Info</a></td>
<td width="126"><a href ="#Billing">Billing Address</a></td>
<td width="131"><a href ="#Account">Account Details</a></td>
<td width="110"><a href ="#Services">Services</a></td>
<td width="98"><a href ="#Subscription">Subscription</a></td>
<td width="110"><a href ="#One">1 + 5 </a></td>
<td width="102"><a href ="#Arbor">Arbor Notes</a></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
<tr height="19">
<td colspan="8" height="19"><span class="title_header_black">
<a name ="General" class="title_header_black"></a>General Information</span></td>
</tr>
<tr>
<td height="2" bgcolor="#45aed8"></td>
</tr>
<tr>
<td>
<!--tab General Information starts here -->
<rich:tabPanel switchType="client" id="tp1" styleClass="tabbertab">
<rich:tab id="GeneralInfo" label="General Info" name="General Info" styleClass="myClass">
<a4j:include id="generalInformationPage" viewId="/existingcustomer/postpaid/genaralinformation/generalinfo/generalInformation.jsp"/>
</rich:tab>
<rich:tab id="ExternalID" label="External ID" name="External ID" styleClass="myClass">
<a4j:include id="externalIDPage" viewId="/existingcustomer/postpaid/genaralinformation/externalID/externalID.jsp"/>
</rich:tab>
</rich:tabPanel>
<!--tab General Information ends here -->
</td>
</tr>
<!-- Here we have to add -->
</table></td>
</tr>
</table>
</h:panelGrid>
<h:panelGrid columns="1">
<a4j:commandButton value="Next>>" limitToList="true" immediate="true" reRender="postpaidCustomerForm,postpaidCustomerView,tabpanelgrid,tp1"
action="#{existingCustomerBean.submitPostpaidDetailsNext}"
onclick="alert('Hello!')"/>
</h:panelGrid>
</h:form>
</f:subview>
</body>
</html>
faces-config.xml
<navigation-rule>
<from-view-id>/existingcustomer/postpaid/postpaidMainPage.jsp</from-view-id>
<navigation-case>
<from-action>#{existingCustomerBean.submitPostpaidDetailsNext}</from-action>
<from-outcome>success</from-outcome>
<to-view-id>/existingcustomer/postpaid/approval_page.jsp</to-view-id>
</navigation-case>
</navigation-rule>
it is not navigating to next page.....How to solve this problem?