Primefaces ajax更新对话框中另一个组件中的组件
在selectOneMenu中使用ajax更新另一个selectOneMenu时,ajax功能不起作用。代码怎么了 这段代码有效,但我不想更新所有表单Primefaces ajax更新对话框中另一个组件中的组件,ajax,primefaces,Ajax,Primefaces,在selectOneMenu中使用ajax更新另一个selectOneMenu时,ajax功能不起作用。代码怎么了 这段代码有效,但我不想更新所有表单 <p:dialog header="Create New Campaign" height="auto" appendTo="@(body)" modal="true" widgetVar="createCampaign" resizable="false"> <h:form id="createCampaign
<p:dialog header="Create New Campaign" height="auto" appendTo="@(body)" modal="true" widgetVar="createCampaign" resizable="false">
<h:form id="createCampaign">
<h:panelGrid columns="2" cellpadding="3" cellspacing="3" style="width: 400px; max-height: 500px;" >
<h:outputLabel value="Name:" for="Name" />
<p:inputText style="width:90%" id="Name" value="#{testBean.name}" title=" Name" required="true">
</p:inputText>
<h:outputLabel value="Assign to:" for="assignTo" />
<p:selectOneMenu style="width:90%" id="assignTo" value="#{testBean.city}">
<f:selectItem itemLabel="Choose One" itemValue="" />
<f:selectItems value="#{testStaticSelectBean.cities}" />
<p:ajax event="change" listener="#{testBean.control}" update="createCampaign"/>
</p:selectOneMenu>
<h:outputLabel value="Entities:" rendered="#{testBean.entityControl}" id="entitiesLabel"/>
<p:selectOneMenu style="width:90%" id="entities" value="#{testBean.entity}" rendered="#{testBean.entityControl}">
<f:selectItem itemLabel="Choose One" itemValue="" />
<f:selectItems value="#{testSubSelectBean.entities}" />
</p:selectOneMenu>
</h:panelGrid>
<br />
<p:commandButton update="create" value="Save" icon="ui-icon-check" actionListener="#{testBean.Test}" oncomplete="window.location.reload();"/>
</h:form>
</p:dialog>
选择“仅更新其实体”时,显示实体和实体标签。我试过这样做,但没有成功
<p:dialog header="Create New Campaign" height="auto" appendTo="@(body)" modal="true" widgetVar="createCampaign" resizable="false">
<h:form id="createCampaign">
<h:panelGrid columns="2" cellpadding="3" cellspacing="3" style="width: 400px; max-height: 500px;" >
<h:outputLabel value="Name:" for="Name" />
<p:inputText style="width:90%" id="Name" value="#{testBean.name}" title=" Name" required="true">
</p:inputText>
<h:outputLabel value="Assign to:" for="assignTo" />
<p:selectOneMenu style="width:90%" id="assignTo" value="#{testBean.city}">
<f:selectItem itemLabel="Choose One" itemValue="" />
<f:selectItems value="#{testStaticSelectBean.cities}" />
<p:ajax event="change" listener="#{testBean.control}" update=":createCampaign:entities :createCampaign:entities"/>
</p:selectOneMenu>
<h:outputLabel value="Entities:" rendered="#{testBean.entityControl}" id="entitiesLabel"/>
<p:selectOneMenu style="width:90%" id="entities" value="#{testBean.entity}" rendered="#{testBean.entityControl}">
<f:selectItem itemLabel="Choose One" itemValue="" />
<f:selectItems value="#{testSubSelectBean.entities}" />
</p:selectOneMenu>
</h:panelGrid>
<br />
<p:commandButton update="create" value="Save" icon="ui-icon-check" actionListener="#{testBean.Test}" oncomplete="window.location.reload();"/>
</h:form>
</p:dialog>
我假设您已经检查了testBean.control()实际上正在被激发
由于在构建DOM树时没有呈现id=“entities”的p:selectOneMenu,因此ajax更新无法将其作为目标,因为它不存在。您需要用一个容器包围它,例如p:outputPanel,并更新容器
大概是这样的:
<p:ajax event="change" listener="#{testBean.control}" update="createCampaign:panel1"/>
<p:outputPanel id ="panel1">
<h:outputLabel value="Entities:" rendered="#{testBean.entityControl}" id="entitiesLabel"/>
<p:selectOneMenu style="width:90%" id="entities" value="#{testBean.entity}" rendered="#{testBean.entityControl}">
<f:selectItem itemLabel="Choose One" itemValue="" />
<f:selectItems value="#{testSubSelectBean.entities}" />
</p:selectOneMenu>
</p:outputPanel>
window.location.reload()在那里做什么?对话框组件是一个弹出窗口,window.location.reload()返回您工作的页面。我知道它的功能;-)。这是,也许在不好的英语,为什么它是存在的。我从未见过jsf应用程序中使用它的必要性是什么