我正在使用 PrimeFaces。我成功地使用 PrimeFaces 组件 InputText 实现了许多对话框。为了更好地输入格式和数字验证,我查看了 PrimeFaces Extensions 的组件 InputNumber。但是当我使用这个组件时,我的对话框不会通过单击按钮打开。
经过更多的测试和研究,我可以更具体地说,问题取决于所使用的语言环境。所以像'de'或'en'这样的语言环境是可以的,但'de-ch'不行。对于'de-ch',特殊字符撇号'用作千位分隔符。
因此,使用撇号作为千位或小数分隔符会产生错误。
在 Internet Explorer 11 中,我收到以下错误:
SCRIPT1009: '}' expected
file: jquery.js.xhtml, row: 14, column: 2888
globalEval:function(e){if(e&&bI.trim(e)){(a5.execScript||function(i){a5["eval"].call(a5,i)})(e)}},camelCase:function(e){return e.replace(bS,"ms-")
错误在a5["eval"].call(a5,i)
在 Firefox 33.0 中,我收到以下错误:
SyntaxError: missing } after property list
我已将问题简化为以下代码:
inputNumber.xhtml:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:pe="http://primefaces.org/ui/extensions"
xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<h:form>
<p:panelGrid columns="4">
<p:commandButton id="btnActionListenerPinputText"
value="InputText Dialog via ActionListener"
actionListener="#{dtDialogView.onShowPITDialog}"/>
<p:commandButton id="btnOnSuccessPinputText"
value="InputText Dialog via OnSuccess"
onsuccess="PF('pitDlg').show();"/>
<p:commandButton id="btnOnClickPinputText"
value="InputText Dialog via OnClick"
onclick="PF('pitDlg').show();"/>
<p:commandButton id="btnOnCompletePinputText"
value="InputText Dialog via OnComplete"
oncomplete="PF('pitDlg').show();"/>
<p:commandButton id="btnActionListenerPEinputNumber"
value="InputNumber Dialog via ActionListener"
actionListener="#{dtDialogView.onShowPEINDialog}"/>
<p:commandButton id="btnOnSuccessPEinputNumber"
value="InputNumber Dialog via OnSuccess"
onsuccess="PF('peinDlg').show();"/>
<p:commandButton id="btnOnClickPEinputNumber"
value="InputNumber Dialog via OnClick"
onclick="PF('peinDlg').show();"/>
<p:commandButton id="btnOnCompletePEinputNumber"
value="InputNumber Dialog via OnComplete"
oncomplete="PF('peinDlg').show();"/>
</p:panelGrid>
</h:form>
<!-- primefaces inputText dialog -->
<h:form id="form-dlgpit">
<p:dialog id="dlgpit"
header="PrimeFaces Input Text"
widgetVar="pitDlg"
resizable="false"
dynamic="true"
modal="true">
<h:outputText id="amount_label" value="Amount"/>
<p:inputText id="amount_value" value="#{dtDialogView.amount}" />
<p:commandButton id="btnPitSave"
value="Save"
oncomplete="{PF('pitDlg').hide();}"/>
</p:dialog>
</h:form>
<!-- primefaces extensions inputNumber dialog -->
<h:form id="form-dlgpein">
<p:dialog id="dlgpein"
header="PrimeFaces Extensions Input Number"
widgetVar="peinDlg"
resizable="false"
dynamic="true"
modal="true">
<h:outputText id="amount_label" value="Amount"/>
<pe:inputNumber id="amount_value" value="#{dtDialogView.amount}"
thousandSeparator="'"
decimalSeparator="."/>
<p:commandButton id="btnPeinSave"
value="Save"
oncomplete="{PF('peinDlg').hide();}"/>
</p:dialog>
</h:form>
</h:body>
</html>
DialogView.java
@ManagedBean(name = "dtDialogView")
@ViewScoped
public class DialogView implements Serializable {
private Long amount;
public Long getAmount() {
return amount;
}
public void setAmount(Long amount) {
this.amount = amount;
}
public void onShowPITDialog() {
RequestContext.getCurrentInstance().execute("PF('pitDlg').show();");
}
public void onShowPEINDialog() {
RequestContext.getCurrentInstance().execute("PF('peinDlg').show();");
}
}
我使用的环境:
- PrimeFaces 5.1.3
- PrimeFaces 扩展 3.0.0
- 雄猫 8.0.14
- Java 服务器端面 2.2