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
          ^^

私が欲しいのは、2つのラジオボタンの間にスペースを追加して、出力が

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

2 つのラジオ ボタンの間に追加しようとし&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;なしで生成された 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前にスペースを1つ追加すると、生成されます。<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が私の答えを共有していると思っただけです...ページをfirebugで検査した後、私は次のようになりました

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 で行ったときには機能しませんでしたが、それをラップする panelgroup に適用すると機能しました。

于 2016-12-23T20:23:40.403 に答える