jsf - 连接日期对象 onclick 的 h:commandButton

Question

我正在使用 Primefaces 3.1.1。一般来说，JSf 非常新。我的表单上有两个日历输入字段：

<p:calendar widgetVar="widgetFromDate" id="ID1" value="#{Bean.selected.From}" pattern="dd.MM.yyyy" mode="popup" showOn="button"> </p:calendar>

<p:calendar widgetVar="widgetFromTime" id="ID2" value="#{Bean.selected.Till}" pattern="HH:mm" timeOnly="true" mode="popup" showOn="button"> </p:calendar>

我有第三个字段，它连接并在单击时显示上述两个值h:commandButton。

例如：

按钮：

<h:commandButton value="Speichern" onclick="????"></h:commandButton>

我不太确定如何做到这一点。是否有可能使用一些 ajax 事件？任何指针将不胜感激。

-BR

Answer 1

基本上就是这样：

<p:calendar ... value="#{bean.date1}" />
<p:calendar ... value="#{bean.date2}" />
<p:commandButton value="submit" action="#{bean.submit}" update="result" />
<h:outputText id="result" value="#{bean.date3}" />

和

public void submit() {
    date3 = mergeSomehow(date1, date2);
}

或者，如果您坚持使用标准 JSF 命令按钮，则具有相同的效果：

<h:commandButton value="submit" action="#{bean.submit}">
    <f:ajax execute="@form" render="result" />
</h:commandButton>

合并的实现细节由您决定，与 JSF/PrimeFaces 没有任何关系。如果您卡住了，只需问一个基本的java问题。

该onclick属性至少不适合这种情况，因为在这种特殊情况下，它仅提供了一个钩子，用于在提交表单之前执行某些 JavaScript 函数。你对这个钩子不感兴趣。