我正在尝试复制primefaces ajax对话框表格,如Primefaces展示
我的JSF代码段如下
<h:body>
<p:commandButton id="showDialogButton" type="button" value="Show"
onclick="PF('dlg').show()" />
<p:dialog header="Enter FirstName" widgetVar="dlg" appendToBody="true"
resizable="false">
<h:form id="form">
<h:panelGrid columns="2" style="margin-bottom:10px">
<h:outputLabel for="firstName" value="firstName:" />
<p:inputText id="firstName" value="#{backingBean.firstName}" />
</h:panelGrid>
<p:commandButton id="submitButton" value="Submit" update=":display"
oncomplete="PF('dlg').hide();" />
</h:form>
</p:dialog>
<p:outputPanel id="display" style="display:block;margin-top:10px;">
<h:outputText id="name" value="Hello #{backingBean.firstName}"
rendered="#{not empty backingBean.firstName}" />
</p:outputPanel>
我的托管bean
@ManagedBean
@ViewScoped
public class BackingBean implements Serializable{
private String firstName;
public String getFirstName() {
return firstName;
}
public void setFirstName(String firstName) {
this.firstName = firstName;
}
}
单击提交按钮时没有显示对话框:(。我还包括appendToBody =“true”但没有结果。即我得到javascript错误为“对象预期”。请帮我解决这个问题。< / p>
答案 0 :(得分:5)
您使用哪种版本的素数?
如果您使用的是Primefaces 3.5或更早版本:
<p:commandButton id="showDialogButton" type="button" value="Show"
onclick="dlg.show()" />
对于Primefaces 4.0:
<p:commandButton id="showDialogButton" type="button" value="Show"
onclick="PF('dlg').show()" />
答案 1 :(得分:2)
在我的情况下,我有一个脚本链接到标题中的jquery。我放弃了它,并且表面开始正常工作