Problem in Navigation
HI,
I could navigate from one page to another page using JSF. It was working when i have few components. But i have added more components then its not working. Please help me. See the below code jsp:
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<html>
<head>
<title>
LD 86 - Digit Manipulation(DGT)
</title>
<script>
function display(){
var v1 = document.getElementById("_id0:dgt_feat");
var v2 = document.getElementById("dgt_id");
var v3 = document.getElementById("esn_id");
if (v1.value == 'DGT'){
v2.style.display = "block";
v3.style.display = "none";
}
if (v1.value == 'ESN'){
v2.style.display = "none";
v3.style.display = "block";
}
}
function cdpDisplay(){
var v1 = document.getElementById("_id0:cdp");
var v2 = document.getElementById("mxsc_id");
var v3 = document.getElementById("ncdp_id");
if (v1.value == 'YES'){
v2.style.display = "block";
v3.style.display = "block";
}
if (v1.value == 'NO'){
v2.style.display = "none";
v3.style.display = "none";
}
}
function erwtDisplay(){
var v1 = document.getElementById("_id0:erwt");
var v2 = document.getElementById("erdt_id");
if (v1.value == 'YES'){
v2.style.display = "block";
}
if (v1.value == 'NO'){
v2.style.display = "none";
}
}
</script>
<style>
#dgt_id{
display:block;
}
#esn_id{
display:none;
}
#mxsc_id{
display:block;
}
#ncdp_id{
display:block;
}
#erdt_id{
display:block;
}
</style>
</head>
<body>
<f:view>
<h:form>
<table width="60%" align="center">
<tr>
<td colspan="2">
<b>LD 86 - Digit Manipulation(DGT)</b>
</td>
<tr>
<td>
REQ
</td>
<td>
<h:selectOneMenu id="dgt_req" value="#{digitManipulation.dgtReqList}">
<f:selectItems id="dgt_req_list" value="#{digitManipulation.dgtReqList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr>
<td>
CUST
</td>
<td>
<h:inputText id="dgt_cust" value="#{digitManipulation.dgtCust}">
<f:validateLength minimum="2" maximum="2"/>
</h:inputText>
</td>
</tr>
<tr>
<td>
FEAT
</td>
<td>
<h:selectOneMenu id="dgt_feat" onchange="display()" value="#{digitManipulation.dgtFeat}">
<f:selectItems id="dgt_feat_list" value="#{digitManipulation.dgtFeatList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr>
<td id="dgt_id" colspan="2">
<table>
<tr>
<td>
DMI
</td>
<td>
<h:inputText id="dgt_dmi" value="#{digitManipulation.dgtDmi}"/>
</td>
</tr>
<tr>
<td>
DEL
</td>
<td>
<h:inputText id="dgt_del" value="#{digitManipulation.dgtDel}"/>
</td>
</tr>
<tr>
<td>
ISPN
</td>
<td>
<h:selectOneMenu id="dgt_ispn" value="#{digitManipulation.dgtIspn}">
<f:selectItems id="dgt_ispn_list" value="#{digitManipulation.dgtIspnList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr>
<td>
INST
</td>
<td>
<h:inputText id="dgt_inst" value="#{digitManipulation.dgtInst}"/>
</td>
</tr>
<tr>
<td>
CTYP
</td>
<td>
<h:inputText id="dgt_ctyp" value="#{digitManipulation.dgtCtyp}"/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="esn_id" colspan="2">
<table>
<tr>
<td>
MXLC
</td>
<td>
<h:inputText id="mxlc" value="#{digitManipulation.mxlc}"/>
</td>
</tr>
<tr>
<td>
MXSD
</td>
<td>
<h:inputText id="mxsd" value="#{digitManipulation.mxsd}"/>
</td>
</tr>
<tr>
<td>
MXIX
</td>
<td>
<h:inputText id="mxix" value="#{digitManipulation.mxix}"/>
</td>
</tr>
<tr>
<td>
MXDM
</td>
<td>
<h:inputText id="mxdm" value="#{digitManipulation.mxdm}"/>
</td>
</tr>
<tr>
<td>
MXRL
</td>
<td>
<h:inputText id="mxrl" value="#{digitManipulation.mxrl}"/>
</td>
</tr>
<tr>
<td>
MXFC
</td>
<td>
<h:inputText id="mxfc" value="#{digitManipulation.mxfc}"/>
</td>
</tr>
<tr>
<td>
MXFS
</td>
<td>
<h:inputText id="mxfs" value="#{digitManipulation.mxfs}"/>
</td>
</tr>
<tr>
<td>
CDP
</td>
<td>
<h:selectOneMenu id="cdp" value="#{digitManipulation.cdp}" onchange="cdpDisplay()">
<f:selectItems id="cdp_list" value="#{digitManipulation.cdpList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr id="mxsc_id">
<td >
MXSC
</td>
<td >
<h:inputText id="mxsc" value="#{digitManipulation.mxsc}"/>
</td>
</tr>
<tr id="ncdp_id">
<td>
NCDP
</td>
<td >
<h:inputText id="ncdp" value="#{digitManipulation.ncdp}"/>
</td>
</tr>
<tr>
<td >
MSCC
</td>
<td >
<h:inputText id="mscc" value="#{digitManipulation.mscc}"/>
</td>
</tr>
<tr>
<td >
<h:selectOneMenu id="ac" value="#{digitManipulation.ac}">
<f:selectItems id="ac_list" value="#{digitManipulation.acList}"/>
</h:selectOneMenu>
</td>
<td >
<h:inputText id="ac_val" value="#{digitManipulation.acVal}" disabled="true"/>
</td>
</tr>
<tr>
<td >
DLTN
</td>
<td >
<h:selectOneMenu id="dltn" value="#{digitManipulation.dltn}">
<f:selectItems id="dltn_list" value="#{digitManipulation.dltnList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr>
<td >
ERWT
</td>
<td >
<h:selectOneMenu id="erwt" value="#{digitManipulation.erwt}" onchange="erwtDisplay()">
<f:selectItems id="erwt_list" value="#{digitManipulation.erwtList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr id="erdt_id">
<td >
ERDT
</td>
<td >
<h:inputText id="erdt" value="#{digitManipulation.erdt}"/>
</td>
</tr>
<tr>
<td >
TODS
</td>
<td >
<h:inputText id="tods" value="#{digitManipulation.tods}"/>
</td>
</tr>
<tr>
<td >
RTCL
</td>
<td >
<h:selectOneMenu id="rtcl" value="#{digitManipulation.rtcl}">
<f:selectItems id="rtcl_list" value="#{digitManipulation.rtclList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr>
<td >
NMAP
</td>
<td >
<h:selectManyListbox id="nmap1" value="#{digitManipulation.nmap1}">
<f:selectItems id="nmap_list1" value="#{digitManipulation.nmapList1}"/>
</h:selectManyListbox>
<h:selectManyListbox id="nmap2" value="#{digitManipulation.nmap2}">
<f:selectItems id="nmap_list2" value="#{digitManipulation.nmapList2}"/>
</h:selectManyListbox>
</td>
</tr>
<tr>
<td >
ETOD
</td>
<td >
<h:selectOneMenu id="etod" value="#{digitManipulation.etod}">
<f:selectItems id="etod_list" value="#{digitManipulation.etodList}"/>
</h:selectOneMenu>
</td>
</tr>
<tr>
<td >
TGAR
</td>
<td >
<h:selectOneMenu id="tgar" value="#{digitManipulation.tgar}">
<f:selectItems id="tgar_list" value="#{digitManipulation.tgarList}"/>
</h:selectOneMenu>
</td>
</tr>
</table>
</tr>
<tr>
<td colspan="2">
<h:commandButton value="Next" action="#{digitManipulation.next}"/>
</td>
</tr>
</h:form>
</f:view>
</table>
</body>
</html>
Whats is the problem in the code:
