Кнопка «Удалить» не удаляет в веб-формах C# ⇐ C#

[Anonymous]

Я работаю над приложением веб-форм C#. У меня есть таблица SQL Server с именем HkConv, и она имеет следующую структуру:



Имя столбца
Тип данных




ID
bigint


Qustnvarchar(max)


Ответ
nvarchar( макс)



Я использую две хранимые процедуры, которые возвращают следующие наборы результатов:

• Код: Выделить всё

  SPHkConvSelect

  для выбора записей таблицы

• Код: Выделить всё

  SPHkConvDelete

  для удаления записи из таблицы

Требования

• Когда страница загружается, я хочу отображать записи в следующем формате:

Код: Выделить всё

{Delete Button Here}
[ID]: [Qust]

[Answ]

Здесь текст в [] представляет имена столбцов из таблицы.

• Кнопка удаления должна вызывать хранимую процедуру для удаления соответствующей записи.

Что я пробовал
Я не уверен, как структурировать код на странице веб-форм для загрузки данных в элементы div динамически и обрабатывать удаление.
Может ли кто-нибудь предоставить полный код веб-форм C# и Ajax для этого?
Пример таблицы и данных SQL Server
Вот сценарий SQL для создания таблицы и вставки образца данных:

Код: Выделить всё

-- Create Table
CREATE TABLE HkConv
(
ID BIGINT IDENTITY(1,1),
Qust NVARCHAR(MAX),
Answ NVARCHAR(MAX),
Deleted INT DEFAULT 0
);

-- Insert Sample Data
INSERT INTO HkConv (ID, Qust, Answ, Deleted)
VALUES
(1, 'What is ASP.NET?', 'It is a web framework for building web apps.', 0),
(2, 'What is AJAX?', 'Asynchronous JavaScript and XML.', 0),
(3, 'What is C#?', 'A modern programming language by Microsoft.', 0);

Хранимые процедуры
Получить записи:

Код: Выделить всё

CREATE PROCEDURE SPHkConvSelect
AS
BEGIN
SELECT ID, Qust, Answ, Deleted
FROM HkConv
WHERE Deleted = 0;
END

• Удалить запись:

Код: Выделить всё

CREATE PROCEDURE SPHkDelete
@ID BIGINT
AS
BEGIN
UPDATE HkConv
SET Deleted = 1
WHERE ID = @ID;
END

Вот код моей страницы C# aspx.cs:

Код: Выделить всё

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data.SqlClient;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;
using System.Web.Configuration;

namespace Traffic
{
public partial class aidash : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindData();
}
}

private void BindData()
{
string connectionString = ConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString; // Replace with your connection string name

using (SqlConnection connection = new SqlConnection(connectionString))
{
using (SqlCommand command = new SqlCommand("SPHkConvSelect", connection)) // Replace with your stored procedure name
{
command.CommandType = CommandType.StoredProcedure;
using (SqlDataAdapter adapter = new SqlDataAdapter(command))
{
DataTable dt = new DataTable();
adapter.Fill(dt);

// Clear existing controls if any
pnlData.Controls.Clear();

foreach (DataRow row in dt.Rows)
{
Panel sectionDiv = new Panel();
sectionDiv.CssClass = "section";

Button deleteButton = new Button();
deleteButton.ID = "btnDelete_"  + row["ID"].ToString();
deleteButton.Text = "Delete (" + row["ID"].ToString() +")" ;
deleteButton.CssClass = "deleteButton"; // Add CSS class for styling
deleteButton.CommandArgument = row["ID"].ToString(); // Store ID in CommandArgument
deleteButton.Click += DeleteButton_Click;
sectionDiv.Controls.Add(deleteButton);

Label h2Label = new Label();
h2Label.Text = $"{row["ID"]}: {row["Qust"]}";
sectionDiv.Controls.Add(h2Label);

Panel innerDiv = new Panel();
innerDiv.Controls.Add(new LiteralControl("")); // Start inner div

Label h3Label = new Label();
h3Label.Text = $"{row["Answ"]}";
innerDiv.Controls.Add(h3Label);

innerDiv.Controls.Add(new LiteralControl("")); // End inner div
sectionDiv.Controls.Add(innerDiv);

pnlData.Controls.Add(sectionDiv);
}
}
}
}
}

protected void DeleteButton_Click(object sender, EventArgs e)
{
Button btn = (Button)sender;
int idToDelete = int.Parse(btn.CommandArgument);

string connectionString = ConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString;

using (SqlConnection connection = new SqlConnection(connectionString))
{
using (SqlCommand command = new SqlCommand("SPHkConvDelete", connection))
{
command.CommandType = CommandType.StoredProcedure;
command.Parameters.AddWithValue("@ID", idToDelete);

connection.Open();
command.ExecuteNonQuery();
connection.Close();
}
}

BindData();
}
}
}

Это разметка aspx:

Код: Выделить всё

/* Facebook theme styling */
body {
font-family: Arial, sans-serif;
background-color: #f0f2f5;
color: #1c1e21;
margin: 0;
padding: 0;
}

Проблема
Когда я нажимаю кнопку удаления, все записи исчезают, и в серверной части ничего не удаляется.

Подробнее здесь: https://stackoverflow.com/questions/793 ... p-webforms