2

我正在尝试使用 primefaces 3.5 的用户表单,所有组件都工作正常,除了 selectonemenu,它不能正确呈现。

选择任何下拉字段时,其文本字段均未显示。

我不能发布图片,因为我没有那么大的声誉

代码

<p:panelGrid id="jobsGrid" columns="2" style="width:100%;margin-bottom:20px;margin-top:20px; margin-left:20px;margin-right:20px;text-align:left;">
  <f:facet name="header"> ----- Quick Job Posting -----</f:facet>
   <h:outputText value="OLF Number " />
    <p:inputText value="#{jobs.jobDetail.OLF_No}" />
    <h:outputText value="RRF Number " />
    <p:inputText  value="#{jobs.jobDetail.RRF_No}" />
    <h:outputText value="OLF Status " />
    <p:selectOneMenu value="#{jobs.jobDetail.OLF_Status}" style="margin-top:0px;margin-bottom:0px;height:5px;font-size:10px">
       <f:selectItem itemLabel="---- Select ----" itemValue="" />
       <f:selectItem itemLabel="Approved" itemValue="Approved" />
       <f:selectItem itemLabel="Pending Approval" itemValue="Pending Approval" />
       <f:selectItem itemLabel="New" itemValue="New" />
    </p:selectOneMenu>

    <h:outputText value="RRF Type " />
    <p:selectOneMenu value="#{jobs.jobDetail.RRF_type}" style="margin-top:0px;margin-bottom:0px;height:5px;font-size:10px">
       <f:selectItem itemLabel="---- Select ----" itemValue="" />
       <f:selectItem itemLabel="Growth" itemValue="Growth" />
       <f:selectItem itemLabel="Replacement" itemValue="Replacement" />
    </p:selectOneMenu>

截屏

在此处输入图像描述

我怎样才能解决这个问题 ?

4

3 回答 3

4

我通过向我的页面添加以下 CSS 来解决此问题:

.ui-selectonemenu label.ui-selectonemenu-label{
   width:100% !important;
}

我的选择菜单上也有固定宽度。希望这对您的情况也有帮助。;)

于 2013-12-12T08:19:27.700 回答
1

这绝对是 Primefaces 3.5 中的一个问题。我有完全相同的问题,降级到 3.4 解决了它。

作为一个数据点,值得注意的是,渲染问题只有在我通过 ap:remoteCommand 导航到页面时才存在。正常的基于动作的导航可以正常工作,至少对我来说是这样。

于 2013-09-04T01:19:12.783 回答
0

您可以在此处发布您的代码,或者如果不尝试检查 BalusC http://balusc.blogspot.nl/2007/09/objects-in-hselectonemenu.html

如果您发现您的 bean 注释是正确的,请尝试使用 primefaces 3.4 或更低版本。

于 2013-07-26T06:05:20.143 回答