3

リピーター コントロールに 3 つのチェック ボックスがあります。ラジオボタンリストのような概念が必要です。最初の行の最初のチェックボックスをクリックすると、他の2つはチェックされたプロパティがfalseに設定されます。2 番目をチェックすると、1 番目と 3 番目がチェックされていないことを意味します。

私のデザインコードはここにあります:

      <asp:Repeater ID="repeaterItems" runat="server" 
                                                                    onitemdatabound="repeaterItems_ItemDataBound" >
    <ItemTemplate>
       <table id="mytable" cellspacing="0" width="100%" align="center">
          <tr>
               <td style="width: 18px;">
               <asp:Label ID="id" runat="server" Text='<%#Bind("fld_id")%>'></asp:Label>
               </td>
               <td style="width: 301px;">
              <asp:Label ID="Label1" runat="server" Text='<%#Bind("fld_Question")%>'></asp:Label>
               </td>
               <td style="width: 10px;">   
                    <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged" />
               </td>
               <td style="width: 30px;">
                     <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="true" OnCheckedChanged="CheckBox2_CheckedChanged"/>
               </td>
               <td style="width: 33px;">
                     <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="true" OnCheckedChanged="CheckBox3_CheckedChanged"/>
               </td>
             </tr>
           </table>
        </ItemTemplate>
     </asp:Repeater>

コードは: 

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
    {
        CheckBox chk1 = sender as CheckBox;
        RepeaterItem item = chk1.Parent as RepeaterItem;
        CheckBox chk2 = item.FindControl("CheckBox2") as CheckBox;
        chk2.Checked = false;
    }

    protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
    {

    }

    protected void CheckBox3_CheckedChanged(object sender, EventArgs e)
    {

    }

    protected void repeaterItems_ItemCreated1(object sender, RepeaterItemEventArgs e)
    {
        RepeaterItem ri = (RepeaterItem)e.Item;

        if (ri.ItemType == ListItemType.Item || ri.ItemType == ListItemType.AlternatingItem)
        {
            CheckBox chk = (CheckBox)e.Item.FindControl("CheckBox1");
            chk.CheckedChanged += new EventHandler(CheckBox1_CheckedChanged);
        }
    }

CheckBox1_CheckedChanged イベントが発生しません。このエラーを修正するのを手伝ってください。この問題を解決するためにもっと時間を費やしましたが、できません..

4

3 に答える 3

3

ポストバックでリピーターをバインドしていないこと、およびそのビューステートがリピーターで有効になっていることを確認してください。

if(!Page.IsPostBack)
{
   Repeater.Datasource = dataset(what ever source);
   Repeater.Databind;
}

これは無意味なので、oncheckedchanged イベントにアタッチするためだけに、リピーターの itemcreated イベントにバインドする必要がある理由はありません。

于 2012-11-07T11:28:15.400 に答える
0

JQueryでも達成できます

<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $('.chkGroup').change(function () {
                var parentTr = $(this).parent().parent();
                var currentCheckID = $(this).find('input').attr("id");
                $(parentTr).find('.chkGroup input').each(function () {
                    if (currentCheckID != $(this).attr("id")) {

                        $(this).removeAttr("checked");
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater ID="repeaterItems" runat="server" onitemdatabound="repeaterItems_ItemDataBound">
            <ItemTemplate>
                <table id="mytable" cellspacing="0" width="100%" align="center">
                    <tr>
                        <td style="width: 18px;">
                            <asp:Label ID="id" runat="server" Text='<%#Bind("ID")%>'></asp:Label>
                        </td>
                        <td style="width: 301px;">
                            <asp:Label ID="Label1" runat="server" Text='<%#Bind("Name")%>'></asp:Label>
                        </td>
                        <td style="width: 10px;">
                            <asp:CheckBox ID="CheckBox4" runat="server" CssClass="chkGroup" />
                        </td>
                        <td style="width: 30px;">
                            <asp:CheckBox ID="CheckBox5" runat="server" CssClass="chkGroup" />
                        </td>
                        <td style="width: 33px;">
                            <asp:CheckBox ID="CheckBox6" runat="server" CssClass="chkGroup" />
                        </td>
                    </tr>
                </table>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>
于 2012-11-07T07:24:45.783 に答える
-1

CheckBox1_CheckedChanged3 つのチェックボックスすべてに同じイベント ハンドラを使用できますOnCheckedChanged。送信者オブジェクトを使用することで、どのチェックボックスがイベントを発生させたかを知ることができ、他の 2 つのチェックボックスcheckedプロパティをfalse.

于 2012-11-07T04:14:56.420 に答える