Primefaces 日历未设置日期

Question

我对 Primefaces 的工作逻辑还有一个误解。

目前<p:calendar> 组件在我按下提交按钮时无法设置选定日期。
我看到它成功进入 actionListener 方法，但那里的日期值为空。

首先，我尝试使用标准 PF example 创建我的日历。它看起来太简单了，我认为当用户选择日期或提交表单时，组件应该调用 value setter。但它既没有在第一种情况下也没有在第二种情况下这样做。 嗯，我打开谷歌，发现了几个帖子：

Primefaces Calendar Setting Date Value in Backing Bean
p:calendar value not set in backing bean

我确保我的日历位于 <h:form></h:form> 标记之间。我还尝试添加process="@this" 和process=":beginDateForm :endDateForm @this"，其中beginDateForm 和endDateForm 是包含<p:calendar> 组件的表单。
我还找到了post 并尝试创建 SelectEvent 侦听器方法：

private void changeDate(SelectEvent event) {
    beginDate = (Date) event.getObject();
}

但没有成功。

我还尝试使用 valueChangeListener 更改日期：

<h:form id="beginDateForm">
    <p:calendar id="passBeginDate" valueChangeListener="#{territoryFormBean.changeDate}" mode="popup" readonly="true" pattern="dd.MM.yyyy" showOn="button" value="#{territoryFormBean.beginDate}" />
</h:form>

当然，我将事件更改为 ValueChangeEvent。

之后，我将 <p:calendar> 和 <p:commandButton> 组件移动到同一个 <h:form> 并尝试了两个不同的过程值 process="passTerrForm:passBeginDate passTerrForm:passEndDate @this" 和 process="@form @this" 和 process="@form" 在最后一种情况下，按钮甚至不会触发侦听器方法。

我目前的组件是：

<p:commandButton value="Search" id="searchPassButton" actionListener="#{territoryFormBean.search}" update=":passTerrForm:territoryTable" process="passTerrForm:passBeginDate passTerrForm:passEndDate @this" partialSubmit="true" />

<p:column>
    <p:calendar id="passBeginDate" mode="popup" readonly="true" pattern="dd.MM.yyyy" showOn="button" value="#{territoryFormBean.beginDate}" />
</p:column>
<p:column>
    <p:calendar id="passEndDate" mode="popup" readonly="true" pattern="dd.MM.yyyy" showOn="button" value="#{territoryFormBean.endDate}" />
</p:column>

伙计们，您能提出其他建议吗？或者您可能会看到我的代码中有什么问题。 我不明白为什么组件不调用 setter。

Answer 1

好吧，伙计们，我发现了我的错误。愚蠢的错误。另一个重新阅读 PF 文档表明，使用 readonly 参数不适合我的目标。我想阻止手动日期直接输入到<p:calendar> 文本字段中。但根据文档： readonly -

指示此输入元素将阻止由 用户

但我需要readonlyInput参数

将弹出日历的输入文本设为只读。

所以第二个参数阻止输入，而第一个参数完全阻止更改。
感谢您的帮助。

Answer 2

尝试与我的代码进行类比，我认为将按钮放入与日历相同的形式，并省略“流程”和“部分提交”应该可以：

    <h:form id="beginDateForm">
     <p:calendar id="passBeginDate" valueChangeListener="#{territoryFormBean.changeDate}" mode="popup" readonly="true" pattern="dd.MM.yyyy" showOn="button" value="#{territoryFormBean.beginDate}" />
     <p:commandButton value="Search" id="searchPassButton" actionListener="#{territoryFormBean.search}" update=":passTerrForm:territoryTable" />
    </h:form>

希望对你有帮助！

Answer 3

JSF 代码：

<p:calendar id="from" value="#{pageBean.event.startDate}"   pattern="MM/dd/yyyy hh:mm:ss a" timeZone="GMT-4"/>

<p:commandButton id="addButton" value="Save" actionListener="#{pageBean.addEvent}" update=":@form"/>

您可以在需要将这些日历事件添加到 eventModel 并保存的 Bean 中编写 addEvent 方法。这可以帮助您设置日期，并且您可以在需要时检索它。

Java 代码：

private ScheduleModel eventModel;
private ScheduleEvent event = new DefaultScheduleEvent();
public String addEvent(ActionEvent actionEvent) {    

   if(event.getId() == null){
        eventModel.addEvent(event);
   }
}

希望这会有所帮助！