在 p panelgrid 中显示 selectonemenu primefaces 时出现错误答案

【问题标题】：bug when displaying selectonemenu primefaces inside p panelgrid在 p panelgrid 中显示 selectonemenu primefaces 时出现错误
【发布时间】：2013-05-06 16:14:05
【问题描述】：

我有这个问题：

这里是代码：

    <p:panelGrid styleClass="newArticlePanelGrid" >

<!-- __________________________________________row1________________________________________________ -->
<p:row>

<p:column>
<h:outputLabel value="Designation : " />                        
</p:column>
<p:column colspan="3" >
<p:inputText id="new-article-designation"  style="width: 449px;"
                            value="#{articlesMB.article.designation}" required="true"
                            requiredMessage="designation requise" />

</p:column>

</p:row>

<p:row>

<p:column />
<p:column colspan="3" >
<p:message id="for-new-article-designation"
                            for="new-article-designation" display="text" />
</p:column>


</p:row>
<!-- __________________________________________row2________________________________________________ -->
<p:row>

<p:column>
<h:outputLabel value="Type : " />

</p:column>
<p:column>
    <p:selectOneMenu id="new-article-typeggg" required="true"
                            requiredMessage="type requis" converter="#{typeConverter}"
                            style="width:100%" value="#{articlesMB.article.type}">
                            <!--        <f:selectItem itemLabel="Selectionner Type" itemValue="" />-->
                            <f:selectItems value="#{articlesMB.listTypes}" var="v"
                                itemLabel="#{v.libelle}" itemValue="#{v}" />
                        </p:selectOneMenu>

</p:column>
<p:column>
    <h:outputLabel value="Unité : " />

</p:column>
<p:column>
    <p:selectOneMenu id="new-article-unite" required="true"
                            widgetVar="uniteselect" requiredMessage="unité requise"
                            converter="#{uniteConverter}" style="width:100%"
                            value="#{articlesMB.article.unite}">
                            <!--            <f:selectItem itemLabel="Selectionner Unite" itemValue=""  /> -->
                            <f:selectItems value="#{articlesMB.listUnites}" var="v"
                                itemLabel="#{v.libelle}" itemValue="#{v}" />
                        </p:selectOneMenu>

</p:column>

</p:row>

<p:row>

<p:column />
<p:column>

我不知道我应该怎么做才能解决这个问题：我测试了width:100%，但你看到它没有改变

我该如何解决？

提前谢谢你

【问题讨论】：

你应该发布 selectonemenu xhtml 代码。
我从来没有见过这个东西。添加更多代码。
抱歉耽搁了，RongNK 和 Makky：我已经编写了所有代码移动滚动条并查看代码

标签： css jsf-2 primefaces panel

【解决方案1】：

问题来自style="100%"，它只是改变了selectonemenu的宽度，你应该在selectonemenu里面设置label的宽度（这种情况）：

            <style type="text/css">
                .ui-selectonemenu-label{
                    width:100% !important;
                }
            </style>

如果要设置所有选择菜单：

             <style type="text/css">
                .ui-selectonemenu-label{
                    width:100% !important;
                }
                .ui-selectonemenu{
                    width:100% !important;
                }
            </style>

为了更通用，您可以包含在 css 文件中。

另请参阅： What is the JSF resource library for and how should it be used?

【讨论】：