在ASP.NET 2.0中操作数据之四十九：为GridView控件添加RadioButton

在ASP.NET 2.0中，我们可以在GridView控件中添加RadioButton。下面是详细的步骤：

步骤一：将RadioButton控件添加到GridView模板列中

首先，在GridView的模板列中添加RadioButton控件。这可以通过以下步骤实现：

1. 打开GridView的设计视图。

2. 单击GridView的“Edit Columns”链接。

3. 在弹出的窗口中选择“TemplateField”列类型，并单击“Add”按钮。

4. 然后，在“ItemTemplate”区域中单击“RadioButton”控件。

5. 接下来，在“RadioButton”的属性窗口中设置“GroupName”属性值为一组唯一的值。

6. 最后，单击“OK”按钮保存GridView的布局。

步骤二：处理GridView的“RowDataBound”事件

在第一步中，我们已经为GridView添加了RadioButton控件。但是，我们还需要编写代码来处理RadioButton的选中和取消选中事件。这可以通过在GridView的“RowDataBound”事件中添加以下代码来实现：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        RadioButton rbtnSelect = (RadioButton)e.Row.FindControl("rbtnSelect");

        if (rbtnSelect != null)
        {
            rbtnSelect.Attributes.Add("onclick", "RadioClicked('" + rbtnSelect.ClientID + "')");
        }
    }
}

这段代码会为GridView的每一行设置一个“onclick”事件，当用户单击RadioButton时会触发该事件。在此事件中，我们可以编写JavaScript代码来处理RadioButton选中和取消选中的事件。

步骤三：在JavaScript中处理RadioButton的选中事件

在第二步中，我们已经为GridView的每一行添加了一个“onclick”事件。在JavaScript中，我们可以编写以下代码来处理RadioButton选中和取消选中的事件：

function RadioClicked(rbtnID) {
    var rbtn = document.getElementById(rbtnID);

    if (rbtn.checked) {
        rbtn.checked = false;
    } else {
        rbtn.checked = true;
    }
}

上述代码会检测用户是否单击了RadioButton。如果是，则切换选中和取消选中状态。在此步骤中，我们已经完成了为GridView控件添加RadioButton控件的全部步骤。

以下是两个简单示例，用于说明如何在GridView中添加RadioButton控件：

示例一：为GridView的第一列添加RadioButton

<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:RadioButton ID="rbtnSelect" runat="server" GroupName="SelectOne" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" />
        <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
        <asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age" />
    </Columns>
</asp:GridView>

示例二：为GridView的每一行添加RadioButton

<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:RadioButton ID="rbtnSelect" runat="server" GroupName='<%# "SelectOne_" + DataBinder.Eval(Container.DataItem, "ID").ToString() %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" />
        <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
        <asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age" />
    </Columns>
</asp:GridView>

以上就是为GridView控件添加RadioButton的完整攻略，希望对您有帮助。