如何将p:calendar附加到特定元素?

时间:2017-09-20 16:31:49

标签: jsf primefaces

我需要将PrimeFaces Calendar输入组件附加到以下DOM元素:

<div id="main-container" />

我尝试了以下两种方法:

<p:calendar appendTo="@(#main-container)" />

<p:calendar appendTo="@([id$=main-container])" />

不幸的是,它们都不起作用。日历仍然是body元素的子元素。我在文档的任何地方都找不到搜索表达式的语法在这些情况下应该是什么样子,所以我不确定我的语法是否正确或者我做错了什么。

1 个答案:

答案 0 :(得分:0)

您可以将日历放在所需的div中。

如果你需要在选择日期时更新其他div,只需将id放在update(ajax)上。

<div class="col s12 m3 input-field" id="div_fromDate">
        <p:outputLabel for="myDate" value="My date" />
        <p:calendar id="myDate" value="#{myBean.myDate}">
            <p:ajax event="dateSelect" update="divToUpdate"/>
        </p:calendar>
</div>
<div id="divToUpdate">

</div>

否则Primefaces / jsf无法与div一起正常使用,有时您必须使用panelGroup

希望这对你有所帮助!