When I run the project for the first time I'm not geting any output but after refreshing the page I'm getting one. I kept searching this for a week and I figured it out problem is named as view state problem but here I don't have multiple forms, there is only 1 form in the search panel.
I am using Apache - MYSQL - JSF-2.1 RichFaces 4 Thank you.
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<f:view>
<h:head>
<title>Facelet Title</title>
<link href="SearchPanel.css" rel="stylesheet" type="text/css" />
<base target="_parent"/>
<script type="Text/JavaScript" >
<!--
window.onload = function (){
var h = new Date();
var hour = h.getHours();
var minute = h.getMinutes();
switch (hour){
case 0: document.getElementById("form:hour").value = "24"; break;
case 1: document.getElementById("form:hour").value = "01"; break;
case 2: document.getElementById("form:hour").value = "02"; break;
case 3: document.getElementById("form:hour").value = "03"; break;
case 4: document.getElementById("form:hour").value = "04"; break;
case 5: document.getElementById("form:hour").value = "05"; break;
case 6: document.getElementById("form:hour").value = "06"; break;
case 7: document.getElementById("form:hour").value = "07"; break;
case 8: document.getElementById("form:hour").value = "08"; break;
case 9: document.getElementById("form:hour").value = "09"; break;
default: document.getElementById("form:hour").value = hour;
}
switch(minute){
case 1: document.getElementById("form:minute").value = "01"; break;
case 2: document.getElementById("form:minute").value = "02"; break;
case 3: document.getElementById("form:minute").value = "03"; break;
case 4: document.getElementById("form:minute").value = "04"; break;
case 5: document.getElementById("form:minute").value = "05"; break;
case 6: document.getElementById("form:minute").value = "06"; break;
case 7: document.getElementById("form:minute").value = "07"; break;
case 8: document.getElementById("form:minute").value = "08"; break;
case 9: document.getElementById("form:minute").value = "09"; break;
default: document.getElementById("form:minute").value = minute;
}
}
-->
</script>
</h:head>
<h:body>
<h:form id="form">
<table width="100%" cellpadding="0" cellspacing="0">
<tr height="11">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr height="110">
<td width="11%"> </td>
<td width="11%"><table width="100%" cellpadding="0" cellspacing="0" height="110">
<tr height="55">
<td><p align="right">From: </p></td>
</tr>
<tr height="55">
<td><p align="right">To: </p></td>
</tr>
</table> </td>
<td width="58%"><table width="100%" cellpadding="0" cellspacing="0">
<tr height="55">
<td>
<rich:autocomplete id="from" value="#{etgSearch.fromNode}" autocompleteMethod="#{nodes.autocomplete}" minChars="1" autofill="true" mode="cachedAjax" styleClass="autocomplete">
</rich:autocomplete>
</td>
</tr>
<tr height="55">
<td>
<rich:autocomplete id="to" value="#{etgSearch.toNode}" autocompleteMethod="#{nodes.autocomplete}" minChars="1" autofill="true" mode="cachedAjax" styleClass="autocomplete">
</rich:autocomplete>
</td>
</tr>
</table></td>
<td width="20%">
<h:commandLink styleClass="findlogo" action="#{etgSearch.searchAlgo}"></h:commandLink>
</td>
</tr>
<tr height="140">
<td> <h:selectOneMenu id="hour" value="#{etgSearch.hours}">
<f:selectItem itemValue ="24" itemLabel="12am"/>
<f:selectItem itemValue ="01" itemLabel="01am"/>
<f:selectItem itemValue ="02" itemLabel="02am"/>
<f:selectItem itemValue ="03" itemLabel="03am"/>
<f:selectItem itemValue ="04" itemLabel="04am"/>
<f:selectItem itemValue ="05" itemLabel="05am"/>
<f:selectItem itemValue ="06" itemLabel="06am"/>
<f:selectItem itemValue ="07" itemLabel="07am"/>
<f:selectItem itemValue ="08" itemLabel="08am"/>
<f:selectItem itemValue ="9" itemLabel="09am"/>
<f:selectItem itemValue ="10" itemLabel="10am"/>
<f:selectItem itemValue ="11" itemLabel="11am"/>
<f:selectItem itemValue ="12" itemLabel="12pm"/>
<f:selectItem itemValue ="13" itemLabel="1pm"/>
<f:selectItem itemValue ="14" itemLabel="2pm"/>
<f:selectItem itemValue ="15" itemLabel="3pm"/>
<f:selectItem itemValue ="16" itemLabel="4pm"/>
<f:selectItem itemValue ="17" itemLabel="5pm"/>
<f:selectItem itemValue ="18" itemLabel="6pm"/>
<f:selectItem itemValue ="19" itemLabel="7pm"/>
<f:selectItem itemValue ="20" itemLabel="8pm"/>
<f:selectItem itemValue ="21" itemLabel="9pm"/>
<f:selectItem itemValue ="22" itemLabel="10pm"/>
<f:selectItem itemValue ="23" itemLabel="11pm"/>
</h:selectOneMenu>
<h:selectOneMenu id="minute" value="#{etgSearch.minutes}">
<f:selectItem itemValue ="00" itemLabel="00"/>
<f:selectItem itemValue ="01" itemLabel="01"/>
<f:selectItem itemValue ="02" itemLabel="02"/>
<f:selectItem itemValue ="03" itemLabel="03"/>
<f:selectItem itemValue ="04" itemLabel="04"/>
<f:selectItem itemValue ="05" itemLabel="05"/>
<f:selectItem itemValue ="06" itemLabel="06"/>
<f:selectItem itemValue ="07" itemLabel="07"/>
<f:selectItem itemValue ="08" itemLabel="08"/>
<f:selectItem itemValue ="09" itemLabel="09"/>
<f:selectItem itemValue ="10" itemLabel="10"/>
<f:selectItem itemValue ="11" itemLabel="11"/>
<f:selectItem itemValue ="12" itemLabel="12"/>
<f:selectItem itemValue ="13" itemLabel="13"/>
<f:selectItem itemValue ="14" itemLabel="14"/>
<f:selectItem itemValue ="15" itemLabel="15"/>
<f:selectItem itemValue ="16" itemLabel="16"/>
<f:selectItem itemValue ="17" itemLabel="17"/>
<f:selectItem itemValue ="18" itemLabel="18"/>
<f:selectItem itemValue ="19" itemLabel="19"/>
<f:selectItem itemValue ="20" itemLabel="20"/>
<f:selectItem itemValue ="21" itemLabel="21"/>
<f:selectItem itemValue ="22" itemLabel="22"/>
<f:selectItem itemValue ="23" itemLabel="23"/>
<f:selectItem itemValue ="24" itemLabel="24"/>
<f:selectItem itemValue ="25" itemLabel="25"/>
<f:selectItem itemValue ="26" itemLabel="26"/>
<f:selectItem itemValue ="27" itemLabel="27"/>
<f:selectItem itemValue ="28" itemLabel="28"/>
<f:selectItem itemValue ="29" itemLabel="29"/>
<f:selectItem itemValue ="30" itemLabel="30"/>
<f:selectItem itemValue ="31" itemLabel="31"/>
<f:selectItem itemValue ="32" itemLabel="32"/>
<f:selectItem itemValue ="33" itemLabel="33"/>
<f:selectItem itemValue ="34" itemLabel="34"/>
<f:selectItem itemValue ="35" itemLabel="35"/>
<f:selectItem itemValue ="36" itemLabel="36"/>
<f:selectItem itemValue ="37" itemLabel="37"/>
<f:selectItem itemValue ="38" itemLabel="38"/>
<f:selectItem itemValue ="39" itemLabel="39"/>
<f:selectItem itemValue ="40" itemLabel="40"/>
<f:selectItem itemValue ="41" itemLabel="41"/>
<f:selectItem itemValue ="42" itemLabel="42"/>
<f:selectItem itemValue ="43" itemLabel="43"/>
<f:selectItem itemValue ="44" itemLabel="44"/>
<f:selectItem itemValue ="45" itemLabel="45"/>
<f:selectItem itemValue ="46" itemLabel="46"/>
<f:selectItem itemValue ="47" itemLabel="47"/>
<f:selectItem itemValue ="48" itemLabel="48"/>
<f:selectItem itemValue ="49" itemLabel="49"/>
<f:selectItem itemValue ="50" itemLabel="50"/>
<f:selectItem itemValue ="51" itemLabel="51"/>
<f:selectItem itemValue ="52" itemLabel="52"/>
<f:selectItem itemValue ="53" itemLabel="53"/>
<f:selectItem itemValue ="54" itemLabel="54"/>
<f:selectItem itemValue ="55" itemLabel="55"/>
<f:selectItem itemValue ="56" itemLabel="56"/>
<f:selectItem itemValue ="57" itemLabel="57"/>
<f:selectItem itemValue ="58" itemLabel="58"/>
<f:selectItem itemValue ="59" itemLabel="59"/>
</h:selectOneMenu>
</td>
<td> </td>
<td>
<table width="100%" height="140" cellpadding="0" cellspacing="0" border="0">
<tr height="65">
<td> </td>
<td>
<div align="right" >
<h:outputLabel value="Airplane" styleClass="checkboxFont"/>
<h:selectBooleanCheckbox id="airplane" value="#{etgSearch.airplane}" />
</div>
</td>
<td>
<div align="right" >
<h:outputLabel value="Train" styleClass="checkboxFont"/>
<h:selectBooleanCheckbox id="train" value="#{etgSearch.train}" />
</div>
</td>
<td>
<div align="right" >
<h:outputLabel value="Bus" styleClass="checkboxFont"/>
<h:selectBooleanCheckbox id="bus" value="#{etgSearch.bus}"/>
</div>
</td>
</tr>
<tr height="65">
<td> </td>
<td>
<div align="right" >
<h:outputLabel value="Taxi" styleClass="checkboxFont"/>
<h:selectBooleanCheckbox id="taxi" value="#{etgSearch.taxi}"/>
</div>
</td>
<td>
<div align="right" >
<h:outputLabel value="Walk" styleClass="checkboxFont"/>
<h:selectBooleanCheckbox id="walk" value="#{etgSearch.walk}"/>
</div>
</td>
<td>
<div align="right" >
<h:outputLabel value="Metro" styleClass="checkboxFont"/>
<h:selectBooleanCheckbox id="metro" value="#{etgSearch.metro}"/>
</div>
</td>
</tr>
<tr height="10">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
<td> </td>
</tr>
</table>
</h:form>
</h:body>
</f:view>
</html>