ASP.NET gridview disable row keep first column

Question

I have gridview with checkbox in first column. When check box is clicked, I want to disable the row, but keep the checkbox enabled.

This code disables the whole row including the checkbox:

protected void chkRow_CheckedChanged(object sender, EventArgs e)
{
     CheckBox chkRow = (CheckBox)sender;
     GridViewRow row = (GridViewRow)chkRow.NamingContainer;

     if (chkRow.Checked)
     {
         // Enable the row
         row.Enabled = false;
         row.Style["background-color"] = "#F5F5F5";
         chkRow.Enabled = true;
     }
     else
     {
         // ....
     }
}

Albert D. Kallal · Accepted Answer · 2025-01-13 16:14:42Z

Ok, so say this markup:

<asp:GridView ID="GVHotels" runat="server" AutoGenerateColumns="False"
    DataKeyNames="ID" 
    CssClass="table table-hover" 
    width="50%">
    <Columns>
        <asp:TemplateField HeaderText="Select" ItemStyle-HorizontalAlign="Center">
            <ItemTemplate > 
                <asp:CheckBox ID="chkRow" runat="server"
                    OnCheckedChanged="chkRow_CheckedChanged"
                    AutoPostBack="true" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="FirstName" HeaderText="FirstName" />
        <asp:BoundField DataField="LastName" HeaderText="LastName" />
        <asp:BoundField DataField="City" HeaderText="City" />
        <asp:BoundField DataField="HotelName" HeaderText="HotelName" />
        <asp:TemplateField HeaderText="Description">
            <ItemTemplate>
                <asp:TextBox ID="txtDesc" runat="server"
                    TextMode="MultiLine" Rows="4" Width="100%"
                    Text='<%# Eval("Description") %>'>
                </asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

And code behind to load, and deal with check box:

    protected void Page_Load(object sender, EventArgs e)
    {

        if (!IsPostBack)
            LoadGrid();

    }

    void LoadGrid()
    {
        string strSQL =
            @"SELECT * FROM tblHotelsA
            WHERE Description is not null
            AND Active = 1
            ORDER BY HotelName";

        GVHotels.DataSource = General.MyRst(strSQL);
        GVHotels.DataBind();
    }

    protected void chkRow_CheckedChanged(object sender, EventArgs e)
    {
        CheckBox chkRow = (CheckBox)sender;
        GridViewRow row = (GridViewRow)chkRow.NamingContainer;

        if (chkRow.Checked)
            row.Style["background-color"] = "skyblue";  // color row for checked box
        else
            row.Style["background-color"] = "white";  // color row for un-checked box

        // now enable-disable all controls in row EXCEPT for first cell (checkbox)
        for (int i=1;i < row.Cells.Count;i++)
            row.Cells[i].Enabled = !chkRow.Checked;

    }

So, in place of "whole" row disable, we simply disable (or enable) all the cells in that given row, skipping the first cell that contains the check box control.

The result is thus this:

As above shows, when I check box a row, then I am unable to edit/change the given text box. Hence, any column, including templated columns will be disabled with above example.

Collectives™ on Stack Overflow

ASP.NET gridview disable row keep first column

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related