Steps to remove a row from a gridview by selecting the delete option on a form

Question

Steps to remove a row from a gridview by selecting the delete option on a form

I have a webpage in aspx format that features a gridview containing three fields and an "Update" button. Upon clicking the Update button, I am redirected to another aspx page with a form displaying more details about the selected entry from the grid view. This form includes additional fields and a "Delete" button. Upon clicking the Delete button, my objective is to close the current form and return to the gridview to delete the corresponding entry. In implementing this functionality, I have utilized TemplateField within my gridview.

<asp:GridView ID="GridView1" runat="server">
   <Columns>
     <asp:TemplateField ShowHeader="False" HeaderText=" ">
          <ItemTemplate>
              <asp:Button ID="Btn_Update" Text="Update" runat="server" ButtonType="Button" CommandName="update" />
          </ItemTemplate>
      </asp:TemplateField>
        <asp:BoundField DataField="ID" HeaderText="ID" />
        <asp:BoundField DataField="FirstName" HeaderText="First Name" />
        <asp:BoundField DataField="LastName" HeaderText="Last Name"  />
    </Columns>
</asp:GridView>

Following the closure of the form upon selecting the "Delete" button, the following code snippet details how I handle returning back to the gridview:

 protected void btn_Delete_Click(object sender, EventArgs e)
{

    #region Redirect to Page
    Page.ClientScript.RegisterStartupScript(this.GetType(), "RefreshParent", "<script language='javascript'>RefreshParent()</script>");
    Response.Write("<script>window.close();</" + "script>");
    #endregion

    ClearData();
}

I would greatly appreciate assistance on how to effectively remove the row from the gridview after executing the "Delete" action in the form. Thank you for your support!

javascript c#asp.net webforms

Answer 1

Answer №1

Here is a code snippet to illustrate the concept. Although it is in WPF + C# and not web-based, the principle remains the same.

Main Program:

public delegate void DeleteRow(bool doDelete);

/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
    int selectedRow = 0;
    public DeleteRow deleteRowDelegate;

    public void ReportDelete(bool delete)
    {
        // Implement row deletion here.
    }

    public MainWindow()
    {
        InitializeComponent();
        deleteRowDelegate += new DeleteRow(ReportDelete);
    }

    private void btnOK_Click(object sender, RoutedEventArgs e)
    {            
        // Obtain the selected row number and assign it to selectedRow.

        SecondaryWin win = new SecondaryWin(deleteRowDelegate);
        win.ShowDialog();

        // If DELETE was clicked in the secondary window, ReportDelete() method would have been executed at this point.
    }
}

This is the code for your secondary window:

public partial class SecondaryWin : Window
{
    DeleteRow callbackDel;

    public SecondaryWin(DeleteRow callback)
    {
        InitializeComponent();
        callbackDel = callback;
    }

    private void btnDel_Click(object sender, RoutedEventArgs e)
    {
        callbackDel.Invoke(true);
        // Close the window
    }
}

In the main program, you register the ReportDelete() method with the DeleteRow delegate and then pass it to the secondary window. I passed it through the constructor, but you can use a different approach if desired.

In the secondary window, you can invoke the delegate by clicking the DELETE button and exiting the window.

Whenever DELETE is clicked in the secondary window while back in Main(), the code within the ReportDelete() method will be executed, allowing you to delete the specified row using selectedRow.

Answer 2

Here is a code snippet to illustrate the concept. Although it is in WPF + C# and not web-based, the principle remains the same.

Main Program:

public delegate void DeleteRow(bool doDelete);

/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
    int selectedRow = 0;
    public DeleteRow deleteRowDelegate;

    public void ReportDelete(bool delete)
    {
        // Implement row deletion here.
    }

    public MainWindow()
    {
        InitializeComponent();
        deleteRowDelegate += new DeleteRow(ReportDelete);
    }

    private void btnOK_Click(object sender, RoutedEventArgs e)
    {            
        // Obtain the selected row number and assign it to selectedRow.

        SecondaryWin win = new SecondaryWin(deleteRowDelegate);
        win.ShowDialog();

        // If DELETE was clicked in the secondary window, ReportDelete() method would have been executed at this point.
    }
}

This is the code for your secondary window:

public partial class SecondaryWin : Window
{
    DeleteRow callbackDel;

    public SecondaryWin(DeleteRow callback)
    {
        InitializeComponent();
        callbackDel = callback;
    }

    private void btnDel_Click(object sender, RoutedEventArgs e)
    {
        callbackDel.Invoke(true);
        // Close the window
    }
}

In the main program, you register the ReportDelete() method with the DeleteRow delegate and then pass it to the secondary window. I passed it through the constructor, but you can use a different approach if desired.

In the secondary window, you can invoke the delegate by clicking the DELETE button and exiting the window.

Whenever DELETE is clicked in the secondary window while back in Main(), the code within the ReportDelete() method will be executed, allowing you to delete the specified row using selectedRow.

Steps to remove a row from a gridview by selecting the delete option on a form

Answer №1

Similar questions

HTML5 Boilerplate and optimizing the critical rendering path by deferring scripts and styles

The authentication callback function fails to execute within Auth0 Lock

How can I verify the presence of items in a list box and determine if the list box contains any duplicates in C# programming language?

Delivering static files on Asp.net 5 for Angular single-page applications

What is the best way to submit form data along with an image using Angular?

What are the differences between a Django/React app API when in production versus during development?

What is the best way to display the answer on a webpage?

Tracking ajax calls with piwik: A step-by-step guide

The Model Viewer module is unable to load the three-dimensional model

Determining if a URL links to an image when the file extension is not informative

Challenges with customized controls in Google Maps version 3

Getting props value in parent component using Vue JS

The export named 'PDFDataRangeTransport' could not be located when utilizing react-pdf in a Next.js application

Creating a stunning image carousel in Vue by integrating a photo API: step-by-step guide

Displaying duration of time through JQuery along with present day and time

A more concise method to verify if something is undefined in JavaScript

The .value property on the form group displays numeric values as either null or an empty string

What is the method to generate an ApnSetting entity?

Encountering the error "Uncaught reference error: $ is not defined" despite ensuring that scripts are loading in the correct order. However, the scripts work from the

Struggling to convert XML into an object