即使 ReadOnly 设置为 false，ASP.NET GridView 中的 CheckBoxField 列也会被禁用

Question

我有一个带有两个 CheckBoxField 列的 GridView。它们都将 ReadOnly 属性设置为 false，但为它们生成的 html 代码具有属性 disabled="disabled"。所以该值无法更改。

生成的 HTML 示例：

<span disabled="disabled"><input id="ctl00_ContentBody_GridView_ctl02_ctl01" type="checkbox" name="ctl00$ContentBody$GridView$ctl02$ctl01" checked="checked" disabled="disabled" /></span>

有人能说一下如何弄清楚吗？

Answer 1

这是设计使然；默认情况下，GridView 中的行不可编辑。

有两种方法可以解决此问题：

1. 添加编辑链接

在 GridView 标记中，添加 AutoGenerateEditButton="True"。当 GridView 在浏览器中呈现时，您现在应该会找到一个标记为“编辑”的超链接。如果单击它，GridView 中的字段将变得可编辑，并且“编辑”链接将变成两个链接，一个用于将更改保存到数据库，另一个用于放弃它们。使用此方法，可以为您完成将 GridView 中的更改连接到数据库的所有管道，具体取决于您如何进行数据绑定。此示例使用 SqlDataSource 控件。

_{（来源：philippursglove.com）}

2. 添加一个带有复选框的 TemplateField

在 标签内，您可以添加您自己设置数据绑定的 TemplateField，例如

<asp:TemplateField HeaderText="Discontinued">  
    <ItemTemplate>  
        <asp:CheckBox runat="server" ID="DiscontinuedCheckBox" 
            Checked='<%# Eval("Discontinued")  %>' AutoPostback="true" 
            OnCheckedChanged="DiscontinuedCheckBox_CheckedChanged" />  
    </ItemTemplate>  
</asp:TemplateField>

_{（来源：philippursglove.com）}

此复选框将被启用，但您需要自己完成工作才能将任何更改反映回数据库。只要您可以获得数据库密钥，这很简单，因为您需要在某个时刻运行 UPDATE 语句，并且您希望在正确的行上运行它！您可以通过以下两种方式执行此操作：

在 Gridview 标记中，添加 DataKeyNames="MyDatabasePrimaryKey"。然后，在 CheckedChanged 事件处理程序中，您需要找出您所在的行并在 DataKeys 数组中查找。

protected void DiscontinuedCheckBox_CheckedChanged(object sender, EventArgs e)
{
    CheckBox DiscontinuedCheckBox;
    SqlConnection conn;
    SqlCommand cmd;
    int productId;
    GridViewRow selectedRow;

    // Cast the sender object to a CheckBox
    DiscontinuedCheckBox = (CheckBox)sender;

    // We can find the row we clicked the checkbox in by walking up the control tree
    selectedRow = (GridViewRow)DiscontinuedCheckBox.Parent.Parent;

    // GridViewRow has a DataItemIndex property which we can use to look up the DataKeys array
    productId = (int)ProductGridView.DataKeys[selectedRow.DataItemIndex].Value;

    using (conn = new SqlConnection(ProductDataSource.ConnectionString))
    {
        cmd = new SqlCommand();
        cmd.Connection = conn;
        cmd.CommandType = CommandType.Text;
        if (DiscontinuedCheckBox.Checked)
        {
            cmd.CommandText = "UPDATE Products SET Discontinued = 1 WHERE ProductId = " + ProductId.ToString();
        }
        else
        {
            cmd.CommandText = "UPDATE Products SET Discontinued = 0 WHERE ProductId = " + ProductId.ToString();
        }
        conn.Open();
        cmd.ExecuteNonQuery();
        conn.Close();
    }
}

或者，您可以在 HiddenField 控件中添加键：

<asp:TemplateField HeaderText="Discontinued">  
    <ItemTemplate>  
        <asp:hiddenfield runat="server" id="ProductIdHiddenField" 
            Value='<%# Eval("ProductID") %>' />
        <asp:CheckBox runat="server" ID="DiscontinuedCheckBox" 
            Checked='<%# Eval("Discontinued")  %>' 
            AutoPostback="true"
            OnCheckedChanged="DiscontinuedCheckBox_CheckedChanged" />  
    </ItemTemplate>  
</asp:TemplateField>

代码：

protected void DiscontinuedCheckBox_CheckedChanged(object sender, EventArgs e)
{
    CheckBox DiscontinuedCheckBox;
    HiddenField ProductIdHiddenField;

    DiscontinuedCheckBox = (CheckBox)sender;

    ProductIdHiddenField = (HiddenField)DiscontinuedCheckBox.Parent.FindControl("ProductIdHiddenField");

    using (conn = new SqlConnection(ProductDataSource.ConnectionString))
    {
    ...
    if (DiscontinuedCheckBox.Checked)
    {
        cmd.CommandText = "UPDATE Products SET Discontinued = 1 WHERE ProductId = " + ProductIdHiddenField.Value;
    }
    ...
    }

Answer 2

PhilPursglove 解决方案对我有用（即使在嵌套的 grivview 中）。谢谢你！

我的完整代码（修改为使用控制树也获取 grivview，因为由于动态创建，我无法直接访问 netest gridview）：

protected void Cb_IsApprovedByManagement_CheckChanged(object sender, EventArgs e)
    {
        CheckBox cb = (CheckBox)sender;

        // find the row we clicked the checkbox in by walking up the control tree
        GridViewRow selectedRow = (GridViewRow)cb.Parent.Parent;
        GridView gridView = (GridView)selectedRow.Parent.Parent;

        //  look up the DataKeys array
        int QuestionID_Current = (int)gridView.DataKeys[selectedRow.DataItemIndex].Value;

        // change value
        QuestionManager.ToggleActivity(QuestionManager.GetQuestion(QuestionID_Current));