在jspx页面常用的jsf tag

最新推荐文章于 2017-10-24 10:04:14 发布

weixin_30458043

最新推荐文章于 2017-10-24 10:04:14 发布

阅读量131

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bella-life-blog/p/3608162.html

本文详细介绍了 JSF (JavaServer Faces) 中的各种 UI 组件及其使用方法，包括输入组件如 inputText 和 selectOneChoice，展示组件如 panelBox 和 navigationPaneEx，以及按钮组件等。并提供了实际应用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<jf:spacer height="45px" /> 设置换行和与其他标签间隔高度
<jf:messages text="Error Message:" inlineStyle="width: 1080px;"/> 用来显示java后台返回的错误消息提示

<jf:breadCrumbs>

<jf:commandNavigationItem text="#{res['header.booking']}" disabled="true" />

<jf:commandNavigationItem text="#{res['header.booking.search']}" disabled="true" inlineStyle="font-size:12pt;" />

</jf:breadCrumbs>

标签容器.

<jx:panelBox text="title" rendered="true" inlineStyle="width: 1100px;"> 是一个容器一般用来放文本框 ,文本域,表格.属性:text ,用来显示标题.
rendered 用来控制是否显示属性值为true 是显示 ,false 则隐藏. inlineStyle="width:97%;" 用来写 css 样式调整布局 ,长度单位可已是像素也可以是百分比

<jx:panelBox text="title" inlineStyle="width: 950px;" >

<cx:panelFormLayout maxColumns="2" labelWidth="190" fieldWidth="260">

<jf:inputText readOnly="true" value="#{caller.userName}" label="#{appRes['booking.list.createdBy']}"/> 在里面加上rows="数字" 变成文本域

select item/button 在项目以以下三种方式出现

<jf:selectOneChoice readOnly="true" label="#{xxx}" 　value="{xxx}" >

<f:selectItems value="#{pageFlowScope.booking_description}" />

</jf:selectOneChoice>

　<jf:selectBooleanCheckbox label="#{codeMainRes['roomcode.activeType']}" value="#{roomCodePageBean.roomCode.active}" showRequired="true"/> --复选框

<cx:selectOneChoice readOnly="true" value="#{xx}" dataId="initiatedByBean"> </cx:selectOneChoice>

单选框

<jf:selectOneRadio id="leaveDateToApm" valueChangeListener="#{leaveRequestHandler.leaveDateToApmChanged}"

　　readOnly="#{leaveRequestPageBean.leaveRequest.revision!=0}"
　　valuePassThru="true" 　value="#{leaveRequestPageBean.leaveRequest.leaveDateToApm}"
　　　　autoSubmit="true" immediate="true" layout="horizontal">
　　<f:selectItem itemLabel="AM" itemValue="am" />
　　<f:selectItem itemLabel="PM" itemValue="pm" />
</jf:selectOneRadio>

用作显示时间的tag

<jf:inputDate readOnly="#{applicationPageBean.application.status!=null}" label="#{xx}" value="#{xx}"

　　<jf:convertDateTime pattern="dd MMM yyyy"></jf:convertDateTime>

　　</jf:inputDate>

</cx:panelFormLayout>

</jx:panelBox>

2.button

1.导航button

<jx:navigationPaneEx id="buttons1" hint="buttons" rendered="true" inlineStyle="text-align: left; margin-left: 8px; width: 97%;">

<jf:commandNavigationItem id="save2" text="#{codeMainRes['btn.save']}" rendered="#{!picsDeclarationPageBean.readOnly}"

action="#{picsDeclarationHandler.save}" partialSubmit="true" onclick="return confirm('Confirm to Save?')">

<jf:setActionListener from="ADD"　　　to="#{picsDeclarationHandler.action}" />