6

在 JSF 2.0 中我有以下

<h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26">
    <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
    <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/>
</h:selectOneRadio>

我得到输出

O Accepted  O Rejected
          ^^

我想要的是在两个单选按钮之间添加空格，以便输出

O Accepted           O Rejected
          ^^^^^^^^^^^

我尝试&nbsp;在两个单选按钮之间添加，但它不起作用。我在下一行得到单选按钮。

<h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26">
    <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
    &nbsp;&nbsp;&nbsp;
    <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/>
</h:selectOneRadio>

知道如何做到这一点吗？

&nbsp;没有is生成的 HTML

<table id="radio26">
<tr>
<td>
<input type="radio" checked="checked" name="radio26" id="radio26:0" value="Accepted" onclick="validateMyRadioButton()" /><label for="radio26:0"> Accepted</label></td>
<td>
<input type="radio" name="radio26" id="radio26:1" value="Rejected" onclick="validateMyRadioButton()" /><label for="radio26:1"> Rejected</label></td>
</tr>
</table>

当我在语句&nbsp之前添加一个空格时。<table id="radio26">

4

4 回答 4

5

免责声明，我对JSF一无所知，所以以下是基于我对ASP.NET的经验并在其中添加空格。如果这非常不正确，请告诉我，我会立即删除...

尝试将空格添加到项目标签，更新...

<f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>

到...

<f:selectItem itemValue="Accepted" itemLabel="Accepted &nbsp; &nbsp;" id="accepted"/>

它可能需要自己逃到...

<f:selectItem itemValue="Accepted" itemLabel="Accepted &amp;nbsp; &amp;nbsp;" id="accepted"/>

更新

正如 OP 在评论中所说，这将扩展链接。

看起来你应该能够为父对象设置一个 CSS 类，比如......

<h:selectOneRadio styleClass="myRadioCtrl" ... >

然后在你的风格/ CSS中有类似...

.myRadioCtrl span { padding-right: 10px; }
于 2012-07-16T11:03:54.353 回答
3

只是想 id 分享我的答案......在用萤火虫检查页面后，我得到了以下结果

JSF：

   <h:panelGroup id="search-options" layout="block" styleClass="radioButtonSpace">
        <h:selectOneRadio value="#{searchEngineController.reportSearch}">
        <f:selectItem itemValue="#{false}" itemLabel="CEPIS Search" />
        <f:selectItem itemValue="#{true}" itemLabel="Report Search" />
        </h:selectOneRadio>
    </h:panelGroup>

CSS：

.radioButtonSpace table tbody td {padding-right:50px;}
于 2012-11-07T14:59:41.683 回答
-1

我在这方面遇到了困难。当我在 h:selectOneRadio 上应用样式时，应用样式对我不起作用，但是在环绕它的面板组中应用时它起作用了。

于 2016-12-23T20:23:40.403 回答
-2

这些答案中没有一个对我有用，但是像这样完美地工作：

.ui-selectoneradio 标签{ padding-right: 10px !important; }

这是在使用 primefaces 的情况下

于 2016-01-06T23:40:49.663 回答