Spaltenname
Datentyp
ID
bigint
Qust
nvarchar(max)
Answ
nvarchar(max)
I Verwenden Sie zwei gespeicherte Prozeduren, die die folgenden Ergebnismengen zurückgeben:
- zum Auswählen von Tabellendatensätzen
Code: Select all
SPHkConvSelect
- um einen Datensatz aus der Tabelle zu löschen
Code: Select all
SPHkConvDelete
- Wenn die Seite geladen wird, möchte ich die Datensätze im folgenden Format anzeigen:
Code: Select all
{Delete Button Here}
[ID]: [Qust]
[Answ]
- Die Schaltfläche „Löschen“ sollte eine gespeicherte Prozedur aufrufen, um den entsprechenden Datensatz zu löschen.
Ich bin nicht sicher, wie ich den Code auf der Webforms-Seite strukturieren soll, um die Daten in das div zu laden Elemente dynamisch und verarbeiten das Löschen.
Kann jemand den vollständigen C#-Webforms-Code und Ajax bereitstellen, um dies zu erreichen?
SQL Server-Tabelle und -Daten Beispiel
Hier ist das SQL-Skript zum Erstellen der Tabelle und Einfügen von Beispieldaten:
Code: Select all
-- 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);
Datensätze abrufen:
Code: Select all
CREATE PROCEDURE SPHkConvSelect
AS
BEGIN
SELECT ID, Qust, Answ, Deleted
FROM HkConv
WHERE Deleted = 0;
END
- Datensatz löschen:
Code: Select all
CREATE PROCEDURE SPHkDelete
@ID BIGINT
AS
BEGIN
UPDATE HkConv
SET Deleted = 1
WHERE ID = @ID;
END
Code: Select all
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();
}
}
}
Code: Select all
/* Facebook theme styling */
body {
font-family: Arial, sans-serif;
background-color: #f0f2f5;
color: #1c1e21;
margin: 0;
padding: 0;
}
Wenn ich auf die Schaltfläche „Löschen“ klicke, verschwinden alle Datensätze und im Backend wird nichts wirklich gelöscht.