[Seasar-user:2531] Re: [S2JSF] ラジオボタンのグルーピング

Yasuo Higa higa
2005年 8月 24日 (水) 16:53:30 JST


<[E-MAIL ADDRESS DELETED]> の、
   "[Seasar-user:2527] [S2JSF] ラジオボタンのグルーピング" において、
   "Kaisei HAMAMOTO <[E-MAIL ADDRESS DELETED]>"さんは書きました:

ひがです。

> お世話になっております。
> 浜本です。
> 
> テーブルのカラムをグループ単位としてラジオボタンが並ぶレイアウトの画面を
> 作成しようとしています。
> 
> <tr>
>   <td><input type="radio" name="a" value="1"></td>
>   <td><input type="radio" name="b" value="1"></td>
> </tr>
> <tr>
>   <td><input type="radio" name="a" value="2"></td>
>   <td><input type="radio" name="b" value="2"></td>
> </tr>
> 
> 純粋なHTMLではこのようにname属性でグルーピングを行うことができますが、
> S2JSFでの同様の記述方法が分からず困っています。
> 
パズルのようになってしまいますが、以下のようにして実現できます。

..display {
  display: inline;
}
..notdisplay {
  display: none;
}

<tr>
  <td m:class="display" class="notdisplay" m:rendered="#{a == '1'}">
  	<input type="radio" name="a" value="1" m:passthrough="true" checked="checked">a1
  </td>
  <td m:rendered="#{a != '1'}">
  	<input type="radio" name="a" value="1" m:passthrough="true">a1
  </td>
  <td m:class="display" class="notdisplay" m:rendered="#{b == '1'}">
  	<input type="radio" name="b" value="1" m:passthrough="true" checked="checked">b1
  </td>
  <td m:rendered="#{b != '1'}">
  	<input type="radio" name="b" value="1" m:passthrough="true">b1
  </td>
</tr>
<tr>
  <td m:class="display" class="notdisplay" m:rendered="#{a == '2'}">
  	<input type="radio" name="a" value="2" m:passthrough="true" checked="checked">a2
  </td>
  <td m:rendered="#{a != '2'}">
  	<input type="radio" name="a" value="2" m:passthrough="true">a2
  </td>
  <td m:class="display" class="notdisplay" m:rendered="#{b == '2'}">
  	<input type="radio" name="b" value="2" m:passthrough="true" checked="checked">b2
  </td>
  <td m:rendered="#{b != '2'}">
  	<input type="radio" name="b" value="2" m:passthrough="true">b2
  </td>
</tr>

添付したhello2.htmlをS2JSF-Exampleのhelloディレクトリに置いて、
http://localhost:8080/s2jsf-example/hello/hello2.html
にアクセスすると確かめることができます。

CSSで表示・非表示の2種類のタグを用意し、ブラウザでの直接プレビューを
可能にしながら、実行時には、m:renderedで表示・非表示を切り替えると
いうテクニックは、いろいろ応用が効くと思います。
---
ひがやすを(http://d.hatena.ne.jp/higayasuo/)
-------------- next part --------------
HTMLの添付ファイルが除去されました.
URL: http://lists.sourceforge.jp/mailman/archives/seasar-user/attachments/20050824/abd41eed/hello2.html



Seasar-user メーリングリストの案内