在jspx頁面經常使用的jsf tag

<jf:spacer height="45px" /> 設置換行和與其餘標籤間隔高度
<jf:messages text="Error Message:" inlineStyle="width: 1080px;"/> 用來顯示java後臺返回的錯誤消息提示

<!-- Navigation Bar -->

<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}" />

</jf:commandNavigationItem>

</jx:navigationPaneEx>

2, 放在panelBox 容器裏面的button

<jf:panelHorizontalLayout>

<jf:commandButton text="#{res['search.search']}" id="search" actionListener="#{statusEnquireHandler.search}" />

<jf:commandButton text="#{res['search.reset']}" id="reset" actionListener="#{statusEnquireHandler.reset}" /></jf:panelHorizontalLayout> 

<jf:commandNavigationItem id="Submit" text="#{res['btn.submit']}"　　rendered="true"　　action="#{newApplicationHandler.save}">　　

<jf:setActionListener from="VIEW"　　　to="#{newApplicationHandler.action}" /> -- 從頁面中把from的屬性值傳入到handler屬性action