richfaces组件使用补充

 1。rich:contextMenu 鼠标右键菜单

<rich:dataGrid id="dataTableId" styleClass="dataClass" columnClasses="timeTableCol1" value="#{staffCourseTable.weeklyTimeTable.dailyTimeTables[dayOfWeek].sections}" var="section" width="100%"> <t:div/> <rich:contextMenu id="contextMenu" attached="true" submitMode="ajax" attachTo="dataTableId" rendered="#{(section.type == 'MORNING_READING' ) or staffCourseTable.sectionEntries[section].schoolClass!=null or targetSubstitutionMap[section.id]==null or targetSwitchMap[section.id]==null}"> <rich:menuItem ajaxSingle="true" id="substitutionStaff" rendered="#{substitutionMap[section.id]==null and switchMap[section.id]==null}" action="substitutionStaff" reRender="#{flowRenderFragments}" value="#{msg['tcms']['subsititution']}"/> <rich:menuSeparator /> ----右键菜单分割线 <rich:menuItem/> </rich:contextMenu> </rich:dataGrid>

 

 形成的效果即为在dataGrid中每格点击右键弹出contextMenu中内容， 在rich:contextMenu 中 attachTo 中值为dataGrid的id，即为应用组件。每个rich:menuItem即为菜单内容，在rich:menuItem中还可用a4j:actionparam传递参数。

 

 

2。rich:componentControl 控制

先拿一个例子。

<rich:modalPanel id="dayCoursePanel" width="300" height="600" showWhenRendered="#{showForm}"> <f:facet name="header"> <h:outputText value="#{msg['tcms']['dayCourseDetail']}" /> </f:facet> <f:facet name="controls"> <h:panelGroup> <h:graphicImage value="/images/close.png" id="hidelinkDayCourse" style="cursor: pointer;" mce_style="cursor: pointer;" /> <rich:componentControl for="dayCoursePanel" attachTo="hidelinkDayCourse" operation="hide" event="onclick" /> </h:panelGroup> </f:facet> </rich:modalPanel>

 

这是一个关闭modalPanel的例子，点击图片即可关闭整个modelPanel，rich:componentControl 中attachTo属性关联到图片的id，operation即为要进行的操作；for为此动作应用的组件； event为时间的触发。

 

3。rich:pickList 从list中筛选

<rich:pickList id="staffPickList" value="#{staffCourseExporterAction.staffList}" converter="#{staffConverter}" listsHeight="300" sourceListWidth="100" targetListWidth="100" copyAllControlLabel="#{msg['tcms']['selectAll']}" removeAllControlLabel="#{msg['tcms']['clearAll']}" copyControlLabel="#{msg['tcms']['choose']}" removeControlLabel="#{msg['tcms']['clear']}"> <c:forEach items="#{staffs}" var="staff"> <f:selectItem itemLabel="#{staff.nameCn}" itemValue="#{staff}" /> </c:forEach> <a4j:support event="onlistchanged" id="staffListChange" reRender="resultStaff" /> </rich:pickList>

 

在rich:pickList中应该注意converter应该重写。

 

@Component("staffConverter")
public class StaffConverter extends GenericJpaEntityConverter<Staff> {

}

 

 

 copyAllControlLabel="#{msg['tcms']['selectAll']}"
 removeAllControlLabel="#{msg['tcms']['clearAll']}"
 copyControlLabel="#{msg['tcms']['choose']}"
 removeControlLabel="#{msg['tcms']['clear']}"

都是显示标签。

 

在其中还应注意到a4j:support 有另一种event="onlistchanged"当list发生变化时便会触动事件action。