Primefaces SelectOneMenu 无法正确呈现文本答案

【问题标题】：Primefaces SelectOneMenu not rendering properly with textPrimefaces SelectOneMenu 无法正确呈现文本
【发布时间】：2013-07-26 05:55:30
【问题描述】：

我正在尝试使用 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>

屏幕截图

我该如何解决这个问题？

【问题讨论】：

在imageshack.us张贴你的图片并提供链接我会上传图片
感谢@jubinPatel，我更新了图片链接
感谢@Sergio 添加图片
其实不是我，是@jubinPatel，我刚刚批准了他建议的编辑。谢谢朱宾帕特尔！ :)

标签： jsf primefaces

【解决方案1】：

我通过向我的页面添加以下 CSS 解决了这个问题：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

另一个有趣的信息是，这似乎只是谷歌浏览器中的一个问题。我刚刚在 Firefox 中尝试过，问题也在那里消失了。
Primefaces 4.0 中仍然存在问题

【解决方案3】：

你可以在这里发布你的代码，或者如果没有尝试检查 BalusC http://balusc.blogspot.nl/2007/09/objects-in-hselectonemenu.html

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

【讨论】：

我猜，primefaces 库会有所帮助 :)，只是它没有渲染，不知道为什么 :(