表格ASP.NET C＃中每一行的刪除按鈕

Question

我已經為此努力了幾天。 我創建了一個頁面，其中包含從數據庫表中選擇的記錄。 我需要為每行創建一個按鈕刪除。 要求是將MySQL與Asp.Net和C＃一起使用。 下面是選擇代碼：

//Show Data Method
        public void ShowData()
        {
            using (connection)
            {
                using (var command = connection.CreateCommand())
                {
                    command.CommandText = "SELECT CUST_ID,CUST_FNAME,CUST_SURNAME,CUST_DOB,CUST_GENDER,CUST_SMOKE_STATUS FROM customers";

                    connection.Open();

                    using (var reader = command.ExecuteReader())
                    {
                        var indexOfColumn1 = reader.GetOrdinal("CUST_ID");
                        var indexOfColumn2 = reader.GetOrdinal("CUST_FNAME");
                        var indexOfColumn3 = reader.GetOrdinal("CUST_SURNAME");
                        var indexOfColumn4 = reader.GetOrdinal("CUST_DOB");
                        var indexOfColumn5 = reader.GetOrdinal("CUST_GENDER");
                        var indexOfColumn6 = reader.GetOrdinal("CUST_SMOKE_STATUS");

                        htmlTable.Append("<table class='table table-bordered table-hover table-responsive'> ");
                        htmlTable.Append("<tr style='background-color:#c7c7c7; color: White;'><th>Customer ID.</th><th>First Name</th><th>Last Name</th><th>Date of Birth</th><th>Gender</th><th>Smoker Status</th><th>Actions</th></tr>");

                        while (reader.Read())
                        {

                            var value1 = reader.GetValue(indexOfColumn1);
                            var value2 = reader.GetValue(indexOfColumn2);
                            var value3 = reader.GetValue(indexOfColumn3);
                            var value4 = reader.GetValue(indexOfColumn4);
                            var value5 = reader.GetValue(indexOfColumn5);
                            var value6 = reader.GetValue(indexOfColumn6);

                            htmlTable.Append("<tr>");
                            htmlTable.Append("<td>" + value1.ToString() + "</td>");
                            htmlTable.Append("<td>" + value2.ToString() + "</td>");
                            htmlTable.Append("<td>" + value3.ToString() + "</td>");
                            htmlTable.Append("<td>" + value4.ToString() + "</td>");
                            htmlTable.Append("<td>" + value5.ToString() + "</td>");
                            htmlTable.Append("<td>" + value6.ToString() + "</td>");
                            htmlTable.Append("<td>" +
                            "<form id='form1' runat='server' action = 'customerprofile.aspx'><a href='customerprofile.aspx' class='btn btn-primary btn-xs' role='button'><span class='button-links'><i class='fa fa-folder-open'></i>  View</span></a> </form>" +
                            "</td>");


                            // now, do something what you want
                        }
                        htmlTable.Append("</tr>");
                        htmlTable.Append("</table>");
                        DBDataPlaceHolder.Controls.Add(new Literal { Text = htmlTable.ToString() });


                    }
                   // connection.Close();
                }
            }
        }

---

下面是數據庫表：

Customer_ID     First Name  Last Name    Age    Gender  Status   Action
4903015744088   George      litsa        18     Male    N        Delete
7208114443089   Kholie      Daliwe       19     Female  N        Delete
7903155743090   Tankiso     Ramokoena    20     Male    Y        Delete
7903015743091   Tiisetso    Masuku       21     Male    Y        Delete
7903105443092   Sindiswa    Phaswana     22     Female  N        Delete
7903113743093   Khanya      Gazi         23     Female  Y        Delete

Answer 1

幾件事情...

首先，您要為每一行創建一個<form> ，這也許不是您打算要做的？ 盡管如此，您的表單操作和<a href>值是相同的。

如果您想使用表格，建議您在表格周圍定義表格，然后使用'submit'按鈕進行操作。 您可以使用onclick處理程序設置<hidden>值，然后再進行submit(); 表格。 您的接收頁面將需要檢索您要刪除的行的ID，然后從那里進行處理。

否則，請忽略表單，僅將按鈕呈現為<a>鏈接。 我想您想將一些查詢字符串參數（例如?id=x ）呈現為href一部分。

在不了解您的html呈現位置的更多信息的情況下，我可以建議您去研究它。