Question

    <h:selectOneRadio id="profiles" layout="pageDirection" value="#{bean.selectedProfile}" style="font-size:12px;">

       <f:selectItem itemValue="0" itemLabel="#{messages.msg_profile1} ">
          <h:selectOneMenu id="countries" value="#{bean.selectedCountry}" required="false"    style="width:190px">
            <f:selectItems value="#{bean.countries}" />
          </h:selectOneMenu>    
        </f:selectItem>

        <f:selectItems value="#{fraudBinPageBean.profiles}"/>    

    </h:selectOneRadio>

我在我的应用程序中编写了上面的代码。它工作正常。但是选择显示在单选按钮上方的框。我的要求显示单选按钮旁边的选择框。

你能帮我解决一下这个问题吗？

Answer 1

你确定它工作正常吗？引用this answer，因为f:selectItem标记的正文必须为空，所以不可能。

尝试重新设计您在没有嵌套h:selectOneMenu的情况下相处的表单。

Answer 2

您希望将单选按钮和选择框保持在同一行。这与CSS更相关。

尝试此代码。

    <h:selectOneRadio id="profiles" layout="pageDirection" 
value="#{bean.selectedProfile}" style="font-size:12px;display:inline">
 <f:selectItems value="#{fraudBinPageBean.profiles}"/>  
   </h:selectOneRadio>

    <f:selectItem itemValue="0" itemLabel="#{messages.msg_profile1} ">
              <h:selectOneMenu id="countries" value="#{bean.selectedCountry}"  required="false"    style="width:190px">
                <f:selectItems value="#{bean.countries}" />
    </h:selectOneMenu>

如上面的代码所示将CSS属性显示：内联添加到selectoneradio的样式属性

如何在f：selectItem中使用h：selectOneMenu？

2 个答案: