Question

I have a GridView with 4 columns and I would like to edit one row in a selected column on a button click, I want to replace my value in the column from ON to OFF, as my button says.

So when I click the OFF button the column “STATUS” will be changed to OFF from ON.

Please help 🙂

Answer 1

There are sooooo many tutorials on this.

This is one of the most basic operations with a GridView, did you ever Google it?

You can see here to start and then learn more what you can do with the GridView here

---

Assuming you are using jQuery to simplify the code

<asp:button id="btnOnOff" 
            runat="server" 
            text="<# Eval("cellOnOff") %>"
            onclientclick="changeStatus(this, '<# Eval("cellOnOff") %>');" />
<asp:hidden id="hfId"
            value="<# Eval("cellId") %>" />

and then

var g_elem = '';

function changeStatus(elem, type) {

    g_elem = elem;

    // let's say we are changing
    $(elem).val("changing...");

    // let's get the id
    var id = $(elem).prent().find("#hfId").val();

    // let's send info to our page to precess and wait for an answer
    $.get('ajax/changeStatus.ashx', 
          { changeFrom: type, id: id },
          function(data) {
              // got the answer, let's show it
              $(g_elem).val(data);
          }
    );
}

and your handler just get’s the id and the changeFrom from the query string and sends back the new value ON or OFF…