1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
|
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://www.jenia.org/jsf/popup" prefix="jp"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://www.ibm.com/jsf/html_extended" prefix="hx"%>
<html>
<head>
<SCRIPT type="text/javascript" src="js/script.js">
</SCRIPT>
<title>Country Details</title>
</head>
<body>
<f:view>
<h:form>
<h:outputText value="Integrating AJAX in a simple JSF Application" styleClass="title"/>
<br> <br>
<h:outputText value="Enter Country : " />
<h:inputText id="autoText" onblur="hidePopup()" onfocus="getQuery(this.value)" onkeyup="getQuery(this.value)" value="#{SelectedCountryRecord.selectedCountry}" />
<h:commandButton value="OK" action="success"/>
<hr>
<table>
<tr>
<td>
<h:outputText value="Country Details" rendered="#{SelectedCountryRecord.selected}"/>
</td>
</tr>
<tr>
<td>
<h:outputText value="Name : " rendered="#{SelectedCountryRecord.selected}"/>
<h:outputText value="#{SelectedCountryRecord.name}" />
</td>
</tr>
<tr>
<td>
<h:outputText value="Region : " rendered="#{SelectedCountryRecord.selected}"/>
<h:outputText value="#{SelectedCountryRecord.region}" />
</td>
</tr>
<tr>
<td>
<h:outputText value="Continent : " rendered="#{SelectedCountryRecord.selected}"/>
<h:outputText value="#{SelectedCountryRecord.continent}" />
</td>
</tr>
<tr>
<td>
<h:outputText value="Capital : " rendered="#{SelectedCountryRecord.selected}"/>
<h:outputText value="#{SelectedCountryRecord.capital}" />
</td>
</tr>
<tr>
<td>
<h:outputText value="More Descriptions : " rendered="#{SelectedCountryRecord.selected}"/>
<h:outputLink value="#{SelectedCountryRecord.id}">
<h:outputText value="#{SelectedCountryRecord.id}" />
</h:outputLink>
</td>
</tr>
</table>
</h:form>
</f:view>
<div align="left" class="box" id="autocomplete" style="WIDTH:170px;visibility:hidden;BACKGROUND-COLOR:#ccccff">
</div>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
initPopup('_id0:autoText','autocomplete');
</SCRIPT>
</body>
</html> |
Partager