[英]how to load content on an iframe using a primefaces dynamic menu?
[英]dynamic page content with primefaces
我正在创建一个网页。 内容应根据用户选择而变化。
我需要2个单选按钮,如果选择的一日页面应显示一个日历来选择日期,则需要两个选项来选择一天和几天(开始日期和结束日期),否则我要使用渲染的两个日历来选择开始日期和结束日期用ajax进行演示,但我无法查看日历,我该怎么做
我的xhtml
<h:form id="f1">
<p:growl id="createmsg"/>
<h:panelGrid columns="2" cellpadding="10">
<p:panel id="add_visitor_details_pnl" style="width:100%">
<h:panelGrid id="grid" columns="2" cellpadding="10">
<h:outputText value="Organization :" />
<p:selectOneMenu editable="true" value="#{visitorBean.organization}" style="width:160px" filter="true" filterMatchMode="startsWith">
<f:selectItems value="#{visitorBean.organizations}" />
</p:selectOneMenu>
<h:outputText value="Visitor Name :" />
<p:selectOneMenu value="#{visitorBean.name}" style="width:160px" filter="true" filterMatchMode="startsWith">
<f:selectItems value="#{visitorBean.names}" />
</p:selectOneMenu>
<h:outputText value="Visitor ID :" />
<p:selectOneMenu value="#{visitorBean.id}" style="width:160px" filter="true" filterMatchMode="startsWith">
<f:selectItems value="#{visitorBean.ids}" />
</p:selectOneMenu>
<h:outputText value="Purpose :" />
<p:inputTextarea id="purpose_it" value="#{visitorBean.purpose}" required="true" autoResize="false"
requiredMessage="Enter Purpose" rows="10" cols="50"/>
</h:panelGrid>
<h:panelGrid columns="1" cellpadding="10">
<p:selectOneRadio id="customRadio" value="#{visitorBean.option}" >
<f:selectItem itemLabel="Create a one day appointment" itemValue="1" />
<f:selectItem itemLabel="create a day period appointment" itemValue="2" />
<p:ajax event="change" listener="#{visitorBean.selectDayType()}"
update=":f1:add_visitor_details_pnl" />
</p:selectOneRadio>
</h:panelGrid>
<h:panelGrid id="date" columns="3" cellpadding="10">
<h:outputText id="date1" value="Date" rendered="#{visitorBean.cal1}"/>
<p:calendar id="calender_Cal1" value="#{visitorBean.date_time}"
pattern="yyyy-MM-dd" rendered="#{visitorBean.cal1}"
required="true" requiredMessage="Enter Date Time"/>
<p:calendar id="calender_Cal2" value="#{visitorBean.date_time}"
pattern="yyyy-MM-dd" rendered="#{visitorBean.cal2}"
required="true" requiredMessage="Enter Date Time"/>
</h:panelGrid>
<h:panelGrid columns="2" cellpadding="10">
<p:commandButton id="submit_visitor_Btn" value="Create"
action="#{visitorBean.submitVisitorData()}"
update=":f1:visitor_dataTable,:f1:grid,:f1:createmsg"/>
</h:panelGrid>
我的Ajax Mthod
public void selectDayType(){
if(option =="1")
cal1 = "true";
else if(option =="2"){
cal1="true";
cal2="true";
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.