Delete Modal Dynamic

Ramco Ramco

2y806.NET

How we can make delete modal dynamic in asp.net c#

Thanks

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Aman Gupta2y ago

Accepted answer

Hi Ramco,

To create a reusable delete modal that can handle different tables (like Department and Banks) while being defined only once, you need a way to dynamically determine which table's record is being deleted. Here's how you can achieve that:

1. Create a Reusable User Control for the Modal

2. User Control Code-Behind: DeleteModal.ascx.cs

using System;
using System.Web.UI;

namespace YourNamespace
{
    public partial class DeleteModal : UserControl
    {
        public string DeleteMessage
        {
            get { return Label1.Text; }
            set { Label1.Text = value; }
        }

        public string TableName
        {
            get { return HiddenFieldTableName.Value; }
            set { HiddenFieldTableName.Value = value; }
        }

        public string RecordId
        {
            get { return HiddenFieldRecordId.Value; }
            set { HiddenFieldRecordId.Value = value; }
        }

        protected void lnkRecordDelete_Click(object sender, EventArgs e)
        {
            string recordId = RecordId;
            string tableName = TableName;

            // Perform the delete operation based on the tableName and recordId
            // Example: DeleteRecordById(tableName, recordId);
        }
    }
}

Include the User Control in Your Web Forms

Include the DeleteModal User Control in your Web Forms (e.g., Department and Banks) and configure it dynamically based on the context.

Web Form: Department.aspx

<%@ Register Src="~/UserControls/DeleteModal.ascx" TagPrefix="uc" Assembly="YourAssembly" %>

Web Form Code-Behind: Department.aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // Example usage
        DeleteModal1.DeleteMessage = "Are you sure you want to delete this department?";
        DeleteModal1.TableName = "Department";
    }
}

// Function to open modal with specific record ID
protected void ShowDeleteModal(string recordId)
{
    DeleteModal1.RecordId = recordId;
    ScriptManager.RegisterStartupScript(this, GetType(), "showDeleteModal", "$('#modal_Delete').modal('show');", true);
}

Web Form: Banks.aspx

<%@ Register Src="~/UserControls/DeleteModal.ascx" TagPrefix="uc" Assembly="YourAssembly" %>

Web Form Code-Behind: Banks.aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // Example usage
        DeleteModal1.DeleteMessage = "Are you sure you want to delete this bank record?";
        DeleteModal1.TableName = "Banks";
    }
}

// Function to open modal with specific record ID
protected void ShowDeleteModal(string recordId)
{
    DeleteModal1.RecordId = recordId;
    ScriptManager.RegisterStartupScript(this, GetType(), "showDeleteModal", "$('#modal_Delete').modal('show');", true);
}

This approach allows you to maintain a single instance of the modal code and dynamically handle deletions based on different contexts.

Ramco Ramco2y ago
Hi All

If Modal is in User Control , Then Delete functionality will also be in Code behind o User Control. If there are 10 or more forms then i need to pass Table Name also. How it will be known from which table record to be deleted

Thanks
Naimish Makwana2y ago
You can write the lnkRecordDelete_Click event handler in either a User Control or a WebForm, depending on your application’s structure and where the delete functionality is needed. Here’s a brief overview of both approaches:

1. In a WebForm (ASPX Page)

If the delete functionality is specific to a single page, you can place the code directly in the WebForm’s code-behind file (e.g., Default.aspx.cs).

Example:
- ASPX Page:
  
  Delete
- Code-Behind (Default.aspx.cs):
  
  protected void lnkRecordDelete_Click(object sender, EventArgs e) { string recordId = HiddenFieldRecordId.Value; // Perform the delete operation using the recordId DeleteRecordById(recordId); } private void DeleteRecordById(string recordId) { // Your delete logic here }
2. In a User Control (ASCX)

If the delete functionality is reusable across multiple pages, it’s better to place the code in a User Control.

Example:
- User Control (MyUserControl.ascx):
  
  Delete
- Code-Behind (MyUserControl.ascx.cs):
  
  protected void lnkRecordDelete_Click(object sender, EventArgs e) { string recordId = HiddenFieldRecordId.Value; // Perform the delete operation using the recordId DeleteRecordById(recordId); } private void DeleteRecordById(string recordId) { // Your delete logic here }
- Including User Control in a WebForm:
  
  <%@ Register Src="~/MyUserControl.ascx" TagPrefix="uc" TagName="MyUserControl" %>
Thanks

Ramco Ramco2y ago

Hi Aman/Naimish

I want below code to be written only once not in every form.

Now I have 2 different Web Forms Department & Banks. How it will known from which table record to be deleted

Thanks

Aman Gupta2y ago
Hi Ramco,

The lnkRecordDelete_Click event handler code should be written in the code-behind file of the Web Form or User Control where the delete modal is used. Here's a breakdown to help determine where this code should be placed:

1. If the Modal is Defined in a User Control
User Control Code-Behind: If the modal is part of a User Control (.ascx), and the LinkButton is inside that User Control, then lnkRecordDelete_Click should be defined in the User Control’s code-behind file.

User Control File: YourUserControl.ascx
User Control Code-Behind File: YourUserControl.ascx.cs
```
// UserControl Code-Behind
protected void lnkRecordDelete_Click(object sender, EventArgs e)
{
    string recordId = HiddenFieldRecordId.Value;
    // Perform the delete operation using the recordId
    // Example: DeleteRecordById(recordId);
}
```
2. If the Modal is Defined in a Web Form
Web Form Code-Behind: If the modal is directly included in the Web Form (.aspx), then lnkRecordDelete_Click should be defined in the Web Form’s code-behind file.

Web Form File: YourWebForm.aspx
Web Form Code-Behind File: YourWebForm.aspx.cs
```
// WebForm Code-Behind
protected void lnkRecordDelete_Click(object sender, EventArgs e)
{
    string recordId = HiddenFieldRecordId.Value;
    // Perform the delete operation using the recordId
    // Example: DeleteRecordById(recordId);
}
```
Where to Place the JavaScript Function
The JavaScript function to set the dynamic data for the modal should be placed in the