Solved

Edit GridView (ASP.NET 20 / C#)

Posted on 2006-11-29
4
71,905 Views
Last Modified: 2011-08-18
I have a gridview with one column called "Advertiser". When the "Edit" button is clicked, the litteral-control shall be replaced with an textbox control, and the "Edit button shall be replaced with "Save" and "Cancel" buttons.

The datagrid is filled correctly with data, but I dont know how to write the "Update" or "Cancel" command.
Here is my code so far:


--------------
ASPX
--------------

<asp:GridView runat="server" id="grdAdvertisers" AutoGenerateColumns="false" ShowHeader="false" OnRowEditing="grdAdvertisers_RowEditing">
    <EditRowStyle BackColor="yellow" />
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:LinkButton CommandName="Edit" Text="Edit" Width="45px" runat="server" />
            </ItemTemplate>
            <EditItemTemplate>
                <asp:LinkButton CommandName="Update" Text="Update" Width="45px" runat="server" />
                <asp:LinkButton CommandName="Cancel" Text="Cancel" Width="45px" runat="server" />
            </EditItemTemplate>                  
        </asp:TemplateField>
        <asp:TemplateField>
             <ItemTemplate>
               <%# DataBinder.Eval(Container.DataItem,"AdvertiserName") %>
            </ItemTemplate>
            <EditItemTemplate>
                <asp:TextBox runat="server" ID="txtAdvertiser" Text='<%# DataBinder.Eval(Container.DataItem,"AdvertiserName") %>' />
            </EditItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>


------------------
ASPX.CS
------------------

    private void bindAdvertisers()
    {
        SqlConnection Conn = new SqlConnection(Variables.ConnString);
        SqlCommand cmd = new SqlCommand("usp_AdvertiserNames", Conn);
        cmd.CommandType = CommandType.StoredProcedure;
        cmd.Connection.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        this.grdAdvertisers.DataSource = dr;
        this.grdAdvertisers.DataBind();
        cmd.Connection.Close();
        cmd.Dispose();
        Conn.Dispose();
    }


    protected void grdAdvertisers_RowEditing(object sender, GridViewEditEventArgs e)
    {
        //Response.Write(e.NewEditIndex);
    }
0
Comment
Question by:webressurs
  • 2
  • 2
4 Comments
 
LVL 96

Expert Comment

by:Bob Learned
ID: 18037294
In order to get the buttons that you need, you should add CommandField columns through the designer:

                    <asp:CommandField ShowDeleteButton="True" />

Bob
0
 
LVL 1

Author Comment

by:webressurs
ID: 18038820
Ok, but how do I change the button-name from "edit" to ex "edit this"...? How do I write the codebehind to actually execute a Stored Procedure with a parameter (ID)?
0
 
LVL 96

Accepted Solution

by:
Bob Learned earned 500 total points
ID: 18039304
If you need to stick to that kind of layout, then I would suggest something like this example:

      <asp:GridView ID="GridView2" runat="server" Style="z-index: 103; left: 144px; position: absolute;
        top: 212px" AutoGenerateColumns="False" OnRowCancelingEdit="GridView2_RowCancelingEdit"
        OnRowEditing="GridView2_RowEditing" OnRowUpdating="GridView2_RowUpdating">
        <Columns>
          <asp:BoundField DataField="name" HeaderText="Name" />
          <asp:BoundField DataField="number" HeaderText="Number" />
          <asp:TemplateField>
            <ItemTemplate>
              <asp:LinkButton ID="linkEdit" CommandName="Edit" Text="Edit" Width="45px" runat="server"
                OnClick="EditClick" />
            </ItemTemplate>
            <EditItemTemplate>
              <asp:LinkButton ID="linkUpdate" CommandName="Update" Text="Update" Width="45px" OnClick="UpdateClick"
                runat="server" />
              <asp:LinkButton ID="linkCancel" CommandName="Cancel" Text="Cancel" Width="45px" OnClick="CancelClick"
                runat="server" />
            </EditItemTemplate>
          </asp:TemplateField>
        </Columns>
      </asp:GridView>

    protected void EditClick(object sender, EventArgs e)
    {
        LinkButton button = (LinkButton)sender;
        GridView grid = (GridView)this.FindParent(button, typeof(GridView));

        int index = GetItemIndex(button.UniqueID);
        grid.EditIndex = index;
        grid.DataBind();
    }

    protected void UpdateClick(object sender, EventArgs e)
    {
        LinkButton button = (LinkButton)sender;
    }

    protected void CancelClick(object sender, EventArgs e)
    {
        LinkButton button = (LinkButton)sender;
    }

    private int GetItemIndex(string input)
    {
        string pattern = @"ctl(?<index>\d+)";
        Match match = Regex.Match(input, pattern);

        if (match.Success)
            return int.Parse(match.Groups["index"].Value) - 2;
        return -1;
    }

    private Control FindParent(Control ctrl, Type type)
    {
        while (ctrl.GetType() != type)
            ctrl = ctrl.Parent;

        return ctrl;
    }

    protected void GridView2_RowEditing(object sender, GridViewEditEventArgs e)
    {

    }
    protected void GridView2_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
    {
        GridView grid = (GridView)sender;
        grid.EditIndex = -1;
        grid.DataBind();
    }
    protected void GridView2_RowUpdating(object sender, GridViewUpdateEventArgs e)
    {
        // Execute update SQL.
    }

Bob
0
 
LVL 1

Author Comment

by:webressurs
ID: 18044490
Thank you :)
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
User art_snob (http://www.experts-exchange.com/M_6114203.html) encountered strange behavior of Android Web browser on his Mobile Web site. It took a while to find the true cause. It happens so, that the Android Web browser (at least up to OS ver. 2.…
This video discusses moving either the default database or any database to a new volume.
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now