JSF 1.2入门，第1部分 构建基本应用程序 - 编程入门网
tr>
<td><h:outputLabel value="Second Number" for="secondNumber" />
</td>
<td><h:inputText id="secondNumber"
value="#{calculator.secondNumber}" required="true" /></td>
<td><h:message for="secondNumber" /></td>
</tr>
</table>
<div>
<h:commandButton action="#{calculator.add}" value="Add" />
<h:commandButton action="#{calculator.multiply}" value="Multiply" />
<h:commandButton action="#{calculator.clear}" value="Clear" immediate="true"/>
</div>
</h:form>
<h:panelGroup rendered="#{calculator.result != 0}">
<h4>Results</h4>
<table>
<tr><td>
First Number ${calculator.firstNumber}
</td></tr>
<tr><td>
Second Number ${calculator.secondNumber}
</td></tr>
<tr><td>
Result ${calculator.result}
</td></tr>
</table>
</h:panelGroup>
</f:view>
</body>
</html>
JSF 1.2入门，第1部分 构建基本应用程序(7)时间:2011-08-09 IBM Richard Hightower注意，这个文件中的大多数代码是普通的 HTML（准确地说，是 XHTML）。可以在 <f:view>、 <h:form> 和 <h:panelGroup> 标记中使用 HTML。一种常见的误解是，不能在 JSF 标记中 混合 HTML。实际上，在许多情况下都可以这么做。但是，不能在 <h:commandButton> 中使用 HTML，因为这个标记只接受其他组件作为子元素。 因为这个页面有点儿复杂，我来解释一下如何构建它。 声明标记库 首先声明 JSF 的标记库，见清单 7： 清单 7. 将标记库导入 calculator.jsp
清单 7 告诉 JSP 引擎您希望使用两个 JSF 标记库 html 和 core。html 标记库包含用来处理表单和 其他 HTML 相关元素的所有标记。core 标记库包含 JSF 特有的所有逻辑、检验、控制器和其他标记。 <f:view> 标记 在用一般的 HTML 布置页面之后，要告诉 JSF 系统您希望使用 JSF 管理组件。这需要使用 <f:view> 标记，这个标记告诉容器希望使用 JSF 管理其中的组件。 如果没有 <f:view>，JSF 就无法构建组件树，以后也无法搜索已经创建的组件树。使用 <f:view> 标记的方式见清单 8： 清单 8. calculator.jsp 的 <f:view> 标记
清单 8 中的第一行是 <f:view> 的声明，它告诉容器它由 JSF 管理。 在 <f:view> 标记中：<h:form> 标记 清单 8 中的第二行是 <h:form> 标记，这告诉 JSF 这里需要一个 HTML 表单。在显示阶段， 会搜索这个表单组件中包含的组件并要求它们显示自己，这时它们会生成标准的 HTML。可以按照您喜欢 的任何方式布置表单组件。清单 9 是 Calculator 应用程序的输入字段的布局： |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
