none
CheckBoxListの画面表示について RRS feed

  • 質問

  •  

    CheckBoxListの画面表示について

     

    以下のようなイメージ画面をCheckBoxListを使用して作成しようとしています。

     

    □ 項目1
    □ 項目2
    □ 項目3
    □ その他  データ入力エリア

     

     

    データ入力エリアをTextBoxにて作成し、入力をできるよにしたいと考えていますが、データ入力エリアがその他の行ではなく、改行されて表示されます。

    1行の中に表示させる良い方法は、ないでしょうか?

     

    よろしくお願いします。

     

    Visual Web Developer 2005 Express Editionを使用しています。

     

    以上

    2008年10月3日 6:31

回答

  • ツールバーのレイアウト -> 位置 が「設定なし」になっているので、デザイナで必ず改行されてしまうイメージでしょうか?

     

    2008年10月3日 6:46
    モデレータ
  •  trapemiya さんからの引用

    あっ、ごめんなさい。メニューから、レイアウト -> 位置 へと進んだところの設定です。コントロールをどのように配置するのかを制御する部分です。

     

    自分もどうするのか分からなかったのですが、以下のようにすればいけると思います

    が、どうでしょうか。

     

    Code Snippet

    <body>
        <form id="form1" runat="server">
            <table>
                <tr>
                    <td>
                        <asp:CheckBoxList ID="CheckBoxList1" runat="server" DataTextField="Name" DataValueField="Code">
                        </asp:CheckBoxList>       
                    </td>
                    <td style="vertical-align: bottom">
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </form>
    </body>

     

     

    2008年10月3日 15:27
  • CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるかもしれません。

     

    http://msdn.microsoft.com/ja-jp/library/system.web.ui.webcontrols.checkboxlist.repeatlayout.aspx

     

    今回調べてて、この設定ならレイアウトにテーブルを使わないことがわかったんだけど、こんなプロパティ最初からあったんだっけ???

    ドキュメントを見る限りでは1.0からサポートになってるけど、知らなかったなぁ。。。

    2008年10月3日 22:10
  • 私の投稿を読んでますか?

    > CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるかもしれません。

     

    それとも、コントロールのプロパティの設定を変更する方法がわからないのでしょうか?

    少なくとも、提示されたソースでは上記のプロパティはTableに設定されています。

    レイアウトについては、コントロールのプロパティを変更するだけでうまくいくと思います。

     

    #まぁ、提示されたソースをそのまま実行しようとするとコンパイルエラーになる状態のようですが。。。

     

    選択時の内容については、どの値が選択されているのかを確認したうえで処理を切り換える、といったプログラムを書く必要があるでしょうね。

     

    2008年10月6日 2:20
  •  tanuyoshi さんからの引用

    > CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるか

    >もしれません。

     

    試してみます。

     

    実際に試してみましたか?

     

    <asp:CheckBoxList ID="CheckBoxList1" runat="server" ... > の中に、

    RepeatLayout="Flow" を追加して、不用な Height=..., Width=... を削除

    すれば済むと思うのですが。

     

    私のソースなど見る必要はないと思いますし、見れば混乱するだけかもしれま

    せんので、今回はアップしませんが、どうしてもということなら連絡ください。

    2008年10月7日 15:11
  • CheckBoxListで何が選択されているかを調べて、その他のときはTextBoxの内容を取り出せばいいだけじゃないかと思いますが。

     

     

    2008年10月9日 4:05

すべての返信

  • > データ入力エリアがその他の行ではなく、改行されて表示されます。

     

    どのようなプログラムを書いて、結果としてどういったHTMLが生成されていますか?
    CheckBoxListは自動的にTableタグを生成してると思うので、うまくその内部にTextBoxを埋め込むようなちょっと特殊なプログラムを記述しないといけないかもしれませんね。

    2008年10月3日 6:42
  • ツールバーのレイアウト -> 位置 が「設定なし」になっているので、デザイナで必ず改行されてしまうイメージでしょうか?

     

    2008年10月3日 6:46
    モデレータ
  • どっとねっとふぁん 様へ

     

    早速の回答ありがとうございます。

     

    >どのようなプログラムを書いて、結果としてどういったHTMLが生成されていますか?

    プログラムは、以下のとおりです。

    </script>

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>無題のページ</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" DataSourceID="SqlDataSource1"
                DataTextField="OSNAME" DataValueField="OSCD" Height="155px" Width="257px">
                <asp:ListItem></asp:ListItem>
            </asp:CheckBoxList>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            &nbsp;
            &nbsp; &nbsp;
            <aspTongue TiedqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:商品情報登録ConnectionString3 %>"
                SelectCommand="SELECT [OSNAME], [OSCD] FROM [OSマスタテーブル] ORDER BY [OSCD]"></aspTongue TiedqlDataSource>
            &nbsp;&nbsp;<br />
            <asp:Button ID="Button1" runat="server" BackColor="Silver" Text="OK" />
            </div>
        </form>
    </body>
    </html>

     

    HTMLは、以下のとおりです。

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head><title>
     無題のページ
    </title></head>
    <body>
        <form name="form1" method="post" action="OSELECT.aspx" id="form1">
    <div>
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
    <input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMjg4MDMyOTgzD2QWAgIED2QWAgIBDxAPFgIeC18hRGF0YUJvdW5kZ2QQFRsa77y477yz77ywICAgICAgICAgICAgICAgICAa77y477yz77yvICAgICAgICAgICAgICAgICAe77y177y477yw77yk77yzICAgICAgICAgICAgICAgGu+8oe+8s++8sCAgICAgICAgICAgICAgICAgGu+8s29sYXJpc++8iElB77yJICAgICAgICAgGu+8s29sYXJpc++8iFNQQVJD77yJICAgICAgFExpbnV4ICAgICAgICAgICAgICAgGu+8p++8sDcwMDDvvKQgICAgICAgICAgICAgFE5ldFdhcmUgICAgICAgICAgICAgFERPUyAgICAgICAgICAgICAgICAgFFdpbjk1ICAgICAgICAgICAgICAgFFdpbjk4ICAgICAgICAgICAgICAgFFdpbk1lICAgICAgICAgICAgICAgFFdpbk5UICAgICAgICAgICAgICAgFFdpbk5UKFdTKSAgICAgICAgICAgFFdpbk5UKFNWKSAgICAgICAgICAgFFdpbjIwMDAgICAgICAgICAgICAgFFdpbjIwMDAoUFJPKSAgICAgICAgFFdpbjIwMDAoU1YpICAgICAgICAgFFdpbjIwMDAoQVMpICAgICAgICAgFFdpbjIwMDAoRFMpICAgICAgICAgFFdpblhQICAgICAgICAgICAgICAgFFdpblhQKDMyYml0KSAgICAgICAgFFdpblhQKDY0Yml0KSAgICAgICAgFFdpblNWMjAwMyAgICAgICAgICAgFFdpbkNFICAgICAgICAgICAgICAgGuOBneOBruS7liAgICAgICAgICAgICAgICAgFRsBMQEyATMBNAE1ATYBNwE4ATkCMTACMTECMTICMTMCMTQCMTUCMTYCMTcCMTgCMTkCMjACMjECMjICMjMCMjQCMjUCMjYCMjcUKwMbZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZGQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFhwFD0NoZWNrQm94TGlzdDEkMAUPQ2hlY2tCb3hMaXN0MSQxBQ9DaGVja0JveExpc3QxJDIFD0NoZWNrQm94TGlzdDEkMwUPQ2hlY2tCb3hMaXN0MSQ0BQ9DaGVja0JveExpc3QxJDUFD0NoZWNrQm94TGlzdDEkNgUPQ2hlY2tCb3hMaXN0MSQ3BQ9DaGVja0JveExpc3QxJDgFD0NoZWNrQm94TGlzdDEkOQUQQ2hlY2tCb3hMaXN0MSQxMAUQQ2hlY2tCb3hMaXN0MSQxMQUQQ2hlY2tCb3hMaXN0MSQxMgUQQ2hlY2tCb3hMaXN0MSQxMwUQQ2hlY2tCb3hMaXN0MSQxNAUQQ2hlY2tCb3hMaXN0MSQxNQUQQ2hlY2tCb3hMaXN0MSQxNgUQQ2hlY2tCb3hMaXN0MSQxNwUQQ2hlY2tCb3hMaXN0MSQxOAUQQ2hlY2tCb3hMaXN0MSQxOQUQQ2hlY2tCb3hMaXN0MSQyMAUQQ2hlY2tCb3hMaXN0MSQyMQUQQ2hlY2tCb3hMaXN0MSQyMgUQQ2hlY2tCb3hMaXN0MSQyMwUQQ2hlY2tCb3hMaXN0MSQyNAUQQ2hlY2tCb3hMaXN0MSQyNQUQQ2hlY2tCb3hMaXN0MSQyNgUQQ2hlY2tCb3hMaXN0MSQyNs9hgc1puerHZGi8zomBQOswQ8BM" />
    </div>

    <script type="text/javascript">
    <!--
    var theForm = document.forms['form1'];
    if (!theForm) {
        theForm = document.form1;
    }
    function __doPostBack(eventTarget, eventArgument) {
        if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
            theForm.__EVENTTARGET.value = eventTarget;
            theForm.__EVENTARGUMENT.value = eventArgument;
            theForm.submit();
        }
    }
    // -->
    </script>


        <div>
            <table id="CheckBoxList1" border="0" style="height:155px;width:257px;">
     <tr>
      <td><input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$0\',\'\')', 0)" /><label for="CheckBoxList1_0">XSP                 </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$1\',\'\')', 0)" /><label for="CheckBoxList1_1">XSO                 </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_2" type="checkbox" name="CheckBoxList1$2" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$2\',\'\')', 0)" /><label for="CheckBoxList1_2">UXPDS               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_3" type="checkbox" name="CheckBoxList1$3" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$3\',\'\')', 0)" /><label for="CheckBoxList1_3">ASP                 </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_4" type="checkbox" name="CheckBoxList1$4" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$4\',\'\')', 0)" /><label for="CheckBoxList1_4">Solaris(IA)         </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_5" type="checkbox" name="CheckBoxList1$5" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$5\',\'\')', 0)" /><label for="CheckBoxList1_5">Solaris(SPARC)      </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_6" type="checkbox" name="CheckBoxList1$6" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$6\',\'\')', 0)" /><label for="CheckBoxList1_6">Linux               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_7" type="checkbox" name="CheckBoxList1$7" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$7\',\'\')', 0)" /><label for="CheckBoxList1_7">GP7000D             </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_8" type="checkbox" name="CheckBoxList1$8" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$8\',\'\')', 0)" /><label for="CheckBoxList1_8">NetWare             </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_9" type="checkbox" name="CheckBoxList1$9" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$9\',\'\')', 0)" /><label for="CheckBoxList1_9">DOS                 </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_10" type="checkbox" name="CheckBoxList1$10" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$10\',\'\')', 0)" /><label for="CheckBoxList1_10">Win95               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_11" type="checkbox" name="CheckBoxList1$11" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$11\',\'\')', 0)" /><label for="CheckBoxList1_11">Win98               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_12" type="checkbox" name="CheckBoxList1$12" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$12\',\'\')', 0)" /><label for="CheckBoxList1_12">WinMe               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_13" type="checkbox" name="CheckBoxList1$13" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$13\',\'\')', 0)" /><label for="CheckBoxList1_13">WinNT               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_14" type="checkbox" name="CheckBoxList1$14" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$14\',\'\')', 0)" /><label for="CheckBoxList1_14">WinNT(WS)           </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_15" type="checkbox" name="CheckBoxList1$15" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$15\',\'\')', 0)" /><label for="CheckBoxList1_15">WinNT(SV)           </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_16" type="checkbox" name="CheckBoxList1$16" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$16\',\'\')', 0)" /><label for="CheckBoxList1_16">Win2000             </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_17" type="checkbox" name="CheckBoxList1$17" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$17\',\'\')', 0)" /><label for="CheckBoxList1_17">Win2000(PRO)        </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_18" type="checkbox" name="CheckBoxList1$18" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$18\',\'\')', 0)" /><label for="CheckBoxList1_18">Win2000(SV)         </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_19" type="checkbox" name="CheckBoxList1$19" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$19\',\'\')', 0)" /><label for="CheckBoxList1_19">Win2000(AS)         </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_20" type="checkbox" name="CheckBoxList1$20" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$20\',\'\')', 0)" /><label for="CheckBoxList1_20">Win2000(DS)         </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_21" type="checkbox" name="CheckBoxList1$21" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$21\',\'\')', 0)" /><label for="CheckBoxList1_21">WinXP               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_22" type="checkbox" name="CheckBoxList1$22" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$22\',\'\')', 0)" /><label for="CheckBoxList1_22">WinXP(32bit)        </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_23" type="checkbox" name="CheckBoxList1$23" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$23\',\'\')', 0)" /><label for="CheckBoxList1_23">WinXP(64bit)        </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_24" type="checkbox" name="CheckBoxList1$24" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$24\',\'\')', 0)" /><label for="CheckBoxList1_24">WinSV2003           </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_25" type="checkbox" name="CheckBoxList1$25" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$25\',\'\')', 0)" /><label for="CheckBoxList1_25">WinCE               </label></td>
     </tr><tr>
      <td><input id="CheckBoxList1_26" type="checkbox" name="CheckBoxList1$26" onclick="javascriptTongue TiedetTimeout('__doPostBack(\'CheckBoxList1$26\',\'\')', 0)" /><label for="CheckBoxList1_26">その他                 </label></td>
     </tr>
    </table>
            <input name="TextBox1" type="text" id="TextBox1" />
            &nbsp;
            &nbsp; &nbsp;
           
            &nbsp;&nbsp;<br />
            <input type="submit" name="Button1" value="OK" id="Button1" style="background-colorTongue Tiedilver;" />
            </div>
       
    <div>

     <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWHgLgiKzXCALww6rJCgKLrcjeBAK68e6eBgLV2ow0AtzooZ4DAvfRv7MNAqaW5vMOAsH/g4kJAsiNmfMLAuP2togGAoutiPYGAout9JoOAoutsKwIAoutnNEPAout2OIJAoutxIcBAoutgJkLAout7L0CAout6JwBAout1MEIArrxrrYIArrxmtsPArrx1uwJArrxwpEBArrx/qILArrx6scCArrxptkMAuzRsusGAoznisYGDCfV493V2Q999Sm3d3UYaEMLFyc=" />
    </div></form>
    </body>
    </html>

    よろしくいお願いします。

     

    以上

    2008年10月3日 9:12
  •  trapemiya様へ

     

     

    早速の回答ありがとうございます。

     

    >ツールバーのレイアウト -> 位置 が「設定なし」になっているので、デザイナで必ず改行されてしまうイメージでしょうか?

     

    デザイナで必ず改行されてしまうイメージですが、ChcekBoxListのエイアの外にTextBoxを設定しています。

     

    「ツールバーのレイアウト -> 位置 が「設定なし」になっているので」の部分の意味が良くわかりませんので、教えてもらえないでしょか?

     

    よろしくお願いします。

     

    以上

    2008年10月3日 9:23
  •  tanuyoshi さんからの引用

     「ツールバーのレイアウト -> 位置 が「設定なし」になっているので」の部分の意味が良くわかりませんので、教えてもらえないでしょか?

     

    あっ、ごめんなさい。メニューから、レイアウト -> 位置 へと進んだところの設定です。コントロールをどのように配置するのかを制御する部分です。

    2008年10月3日 9:37
    モデレータ
  • trapemiya 様へ

     

    早速の回答ありがとうござます。

     

    >メニューから、レイアウト -> 位置 へと進んだところの設定です。コントロールをどのように配置するのかを制御する部分です。

     

    了解しました。

    説明文だけでは、伝わりにくい部分がありました。回答有難うございます。

     

    以上

    2008年10月3日 10:25
  •  trapemiya さんからの引用

    あっ、ごめんなさい。メニューから、レイアウト -> 位置 へと進んだところの設定です。コントロールをどのように配置するのかを制御する部分です。

     

    自分もどうするのか分からなかったのですが、以下のようにすればいけると思います

    が、どうでしょうか。

     

    Code Snippet

    <body>
        <form id="form1" runat="server">
            <table>
                <tr>
                    <td>
                        <asp:CheckBoxList ID="CheckBoxList1" runat="server" DataTextField="Name" DataValueField="Code">
                        </asp:CheckBoxList>       
                    </td>
                    <td style="vertical-align: bottom">
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </form>
    </body>

     

     

    2008年10月3日 15:27
  • CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるかもしれません。

     

    http://msdn.microsoft.com/ja-jp/library/system.web.ui.webcontrols.checkboxlist.repeatlayout.aspx

     

    今回調べてて、この設定ならレイアウトにテーブルを使わないことがわかったんだけど、こんなプロパティ最初からあったんだっけ???

    ドキュメントを見る限りでは1.0からサポートになってるけど、知らなかったなぁ。。。

    2008年10月3日 22:10
  •  どっとねっとふぁん さんからの引用

    CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるかもしれません。

     

    確認してみました。いけますね。

     

    table の中に table を入れて、style の設定を・・・という先の自分の無理やりっぽい

    やり方より、はるかに簡単かつスマートな方法と思います。(汗)

     

    おかげさまでまた一つ利口になりました。

    2008年10月4日 0:52
  •    どっとねっとふぁん 様へ

     

    早速の回答ありがとうございます。

    >CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるかもしれません。

    指定のurlのサンプルソースで、試して見ました。

     

    サンプルのitem6の右にtextboxを追加し、item6が選択されて際に、textboxの値が選択したようにする処理を考えています。

    サンプルソースの内容の修正点を教えてください。

    また、item6の右行に、textboxの値を表示したいと考えています。

    いまのサンプルを元に作成したソ-スのままでは、1段低い位置に表示されています。

    修正方法で、良い方法を教えてください。

     

    どうぞよろしくお願いします。

     

    ~~~~以下 サンプルソース~~~~~

     

    <%@ Page Language="VB" AutoEventWireup="True" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html  >

    <head id="Head1" runat="server">
        <title> CheckBoxList RepeatLayout Example </title>
    <script runat="server">

          Sub Check_Clicked(sender as Object, e As EventArgs)

             Message.Text = "Selected Item(s):<br /><br />"

             ' Iterate through the Items collection of the CheckBoxList
             ' control and display the selected items.
             Dim i As Integer

             For i=0 To checkboxlist1.Items.Count - 1

                If checkboxlist1.Items(i).Selected Then

                   Message.Text &= checkboxlist1.Items(i).Text & "<br />"

                End If

             Next

          End Sub

          Sub Index_Change(sender as Object, e As EventArgs)

             ' Set the layout (table or flow) of the CheckBoxList control.
             checkboxlist1.RepeatLayout = CType(List.SelectedIndex, RepeatLayout)

          End Sub

       </script>

    </head>

    <body>

       <form id="form1" runat="server">

          <h3> CheckBoxList RepeatLayout Example </h3>

          Select items from the CheckBoxList.

          <br /><br />

          <asp:CheckBoxList id="checkboxlist1"
               AutoPostBack="True"
               CellPadding="5"
               CellSpacing="5"
               RepeatColumns="2"
               RepeatDirection="Vertical"
               RepeatLayout="Table"
               TextAlign="Right"
               OnSelectedIndexChanged="Check_Clicked"
               runat="server" Height="152px" Width="380px">

             <asp:ListItem>Item 1</asp:ListItem>
             <asp:ListItem>Item 2</asp:ListItem>
             <asp:ListItem>Item 3</asp:ListItem>
             <asp:ListItem>Item 4</asp:ListItem>
             <asp:ListItem>Item 5</asp:ListItem>
             <asp:ListItem>Item 6</asp:ListItem>

          </asp:CheckBoxList>
           <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

          <br /><br />

          <asp:label id="Message" runat="server"/>

          <hr />

          Select whether to display the CheckBoxList control in
          table or flow layout.

          <table cellpadding="5">

             <tr>

                <td>

                   RepeatLayout:

                </td>

             </tr>

             <tr>

                <td>

                   <aspBig SmileropDownList id="List"
                        AutoPostBack="True"
                        OnSelectedIndexChanged="Index_Change"
                        runat="server">

                      <asp:ListItem Selected="True">Table</asp:ListItem>
                      <asp:ListItem>Flow</asp:ListItem>

                   </aspBig SmileropDownList>

                </td>

             </tr>

          </table>

       </form>

    </body>

    </html>

     

    以上

     

    2008年10月6日 0:46
  • 私の投稿を読んでますか?

    > CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるかもしれません。

     

    それとも、コントロールのプロパティの設定を変更する方法がわからないのでしょうか?

    少なくとも、提示されたソースでは上記のプロパティはTableに設定されています。

    レイアウトについては、コントロールのプロパティを変更するだけでうまくいくと思います。

     

    #まぁ、提示されたソースをそのまま実行しようとするとコンパイルエラーになる状態のようですが。。。

     

    選択時の内容については、どの値が選択されているのかを確認したうえで処理を切り換える、といったプログラムを書く必要があるでしょうね。

     

    2008年10月6日 2:20
  •  

    どっとねっとふぁん 様へ

    早速の回答有難うございます。

     

    > CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるか

    >もしれません。

     

    試してみます。

     

    >選択時の内容については、どの値が選択されているのかを確認したうえで処理>を切り換える、といったプログラムを書く必要があるでしょうね。

     

    具体的な方法について、参考になるurl,参考本等を教えてください。

    よろしくお願いします。

     

    以上

     

    2008年10月6日 8:58
  •  

    SurferOnWww 様へ

     

    対応有難うございます。

     

    >CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるかも>しれません。

    >確認してみました。いけますね。

     

    参考に、確認されたソースを参照させてください。

     

    どうぞよろしくお願いします。

     

    以上

     

     

     

    2008年10月7日 0:54
  •  tanuyoshi さんからの引用

    > CheckBoxListのRepeatLayoutプロパティにFlowを設定するだけでいけるか

    >もしれません。

     

    試してみます。

     

    実際に試してみましたか?

     

    <asp:CheckBoxList ID="CheckBoxList1" runat="server" ... > の中に、

    RepeatLayout="Flow" を追加して、不用な Height=..., Width=... を削除

    すれば済むと思うのですが。

     

    私のソースなど見る必要はないと思いますし、見れば混乱するだけかもしれま

    せんので、今回はアップしませんが、どうしてもということなら連絡ください。

    2008年10月7日 15:11
  • SurferOnWww 様へ

     

    早速の回答有難うございました。

     

    ><asp:CheckBoxList ID="CheckBoxList1" runat="server" ... > の中に、

    >RepeatLayout="Flow" を追加して、不用な Height=..., Width=... を削除

    >すれば済むと思うのですが。

     

    指摘のとおり、修正し、試してみました。

    1行に、TEXTBOXを表示することが出来ました。

    有難うございます。

    2008年10月8日 2:24
  •  

    >指摘のとおり、修正し、試してみました。

    >1行に、TEXTBOXを表示することが出来ました。

     

    後、選択された、内容を、予備出し元に戻す際の方法がわかるURL,または、本 サンプルソースを教えてください。

     

    よろしくお願いします。

     

    例)

    □その他 入力項目1

     

    その他をチェックされた際、入力項目の内容を呼び出し元に戻す際の方法です。

     

    どうぞよろしくお願いします。

     

    以上

     

    2008年10月9日 2:45
  • CheckBoxListで何が選択されているかを調べて、その他のときはTextBoxの内容を取り出せばいいだけじゃないかと思いますが。

     

     

    2008年10月9日 4:05
  •  

    どっとねっとふぁん 様へ

     

    早速の回答有難うございます。

     

    >CheckBoxListで何が選択されているかを調べて、その他のときはTextBoxの

    >内容を取り出せばいいだけじゃないかと思いますが。

     

    了解しました。

     

     

     

    2008年10月10日 8:28
  • こんにちは。中川俊輔 です。

     

    皆様、回答ありがとうございます。

     

    tanuyoshi さん、フォーラムのご利用ありがとうございます。

    勝手ながら有用な情報と思われる回答へ回答済みチェックをつけさせていただきました。

     

    今後もフォーラムをよろしくお願いします。

    それでは!

    2008年10月16日 4:37