Jsf 在h:selectOneRadio的两个单选按钮之间添加空格
在JSF2.0中,我有以下内容Jsf 在h:selectOneRadio的两个单选按钮之间添加空格,jsf,jsf-2,whitespace,selectoneradio,Jsf,Jsf 2,Whitespace,Selectoneradio,在JSF2.0中,我有以下内容 <h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26"> <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/> <f:selectItem itemValue="Re
<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
^^^^^^^^^^^
我尝试在两个单选按钮之间添加
,但它不起作用。我正在接下一行的单选按钮
<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>
当我添加
时,在
语句之前会生成一个空格。免责声明,我对JSF一无所知,因此以下内容基于我对ASP.NET的经验以及在其中添加空格。如果这是非常不正确的,请让我知道,我会立即删除
尝试将空间添加到项目标签,更新
<f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
我只是想分享我的答案。。。在用firebug检查页面后,我得到了以下结果
JSF:
这些答案对我来说都不管用,但像这样的答案非常管用:
.ui selectoneradio标签{右键填充:10px!重要;}
这是在使用primefaces时遇到的问题。当我在h:selectOneRadio上应用样式时,它对我不起作用,但是当应用在环绕它的panelgroup中时,它就起作用了。Accepted
起作用,但它将空白作为Accepted的链接,这是不好的:(@Fahim,有可能(正如我所说,我对JSF一无所知)有类似itemLabelStyle的东西吗=“右侧填充:20px;"
或类似的东西?@Fahim,或者你能为selectOneRadio设置一个类
,并将其格式化吗?问题是关于h:selectOneRadio。请显示代码,因为在selectOneRadio周围包装一个面板组对单个单选按钮没有帮助。而且在每个单选按钮周围包装它是不可能的。这很好sed class=“radiobuttonSpace”在一个周围的div中,它成功了。如果您想将按钮和标签保持在一起,可以这样做:。radiobuttonSpace表tbody td:nth child(偶数){padding right:10px;}
<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>
<f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
<f:selectItem itemValue="Accepted" itemLabel="Accepted " id="accepted"/>
<f:selectItem itemValue="Accepted" itemLabel="Accepted &nbsp; &nbsp;" id="accepted"/>
<h:selectOneRadio styleClass="myRadioCtrl" ... >
.myRadioCtrl span { padding-right: 10px; }
<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>
.radioButtonSpace table tbody td {padding-right:50px;}