如何在 Visual Studio 中从数据库中获取数据（使用 C#）时使 HTML 行可点击

Posted 2023-03-05

【中文标题】如何在 Visual Studio 中从数据库中获取数据（使用 C#）时使 HTML 行可点击

【英文标题】：How to make an HTML row clickable while fetching data from the database (Using C#) in visual Studio

【发布时间】：2018-08-25 17:55:45

【问题描述】：

我正在用 html 创建表头，对于表数据，我正在使用从数据库中获取数据并创建表的函数。现在，我想让表格的每一行都“可点击”。我不明白我应该如何使行可点击。如果有人可以帮助我，那将有很大帮助。提供 HTML 和 C# 代码。

HTML 代码：

`

        <!--Table head-->
        <thead class="mdb-color darken-3">
    <tr class="text-white">
     <th>#</th>
    <th>Equipment Name</th>
    <th>University Name</th>
      <th>Qty</th>
      <th>Status</th>
        <th></th>
            </tr>
        </thead>
        <!--Table head-->

        <!--Table body-->
             <tbody>


           <asp:PlaceHolder ID="DBPlaceHolder1" runat="server"></asp:PlaceHolder>     


</tbody>`

C#代码：

 public partial class List_of_Equipment

：System.Web.UI.Page string connectionString = ConfigurationManager.ConnectionStrings["MyDatabaseConnectionString2"].ConnectionString;

    protected void Page_Load(object sender, EventArgs e)
    
        DBPlaceHolder1.Controls.Add(new Literal  Text = getStudentData().ToString());
        Console.WriteLine(getStudentData());
    
    public string getStudentData()
    
        string data = "";
        using (SqlConnection conn = new SqlConnection(connectionString))
        
            using (SqlCommand cmd = new SqlCommand("select e.Ename as ename, u.Uname as uname, eu.Equantity as quantity, eu.Estatus as status from " +
                "Equipment e, University u, EquipmentUniversity eu where eu.Eid = e.Eid and eu.Uid = u.Uid", conn))
            

                conn.Open();
                using (SqlDataReader sqlRdr = cmd.ExecuteReader())
                
                    // table = new DataTable();  
                    // table.Load(reader);  
                    if (sqlRdr.HasRows)
                    
                        int id = 1;
                        while (sqlRdr.Read())
                        
                            string ename = sqlRdr.GetString(0);
                            string uname = sqlRdr.GetString(1);
                            int equantity = sqlRdr.GetInt32(2);
                            string estatus = sqlRdr.GetString(3);

                            data += "<tr><td>" + id + "</td><td>" + ename + "</td><td>" + uname + "</td><td>" + equantity + "</td>" + 
                                "</td><td>" + estatus + "</td>" + "<td>" + "<button class=\"btn btn-success btn-md\">Request</button><button class=\"btn btn-danger btn-md\">Hold</button> </td>" + "</td></tr>";
                            id = id + 1;
                        
                    
                
            
            return data;
        
    

【问题讨论】：

点击该行时会发生什么？

这应该会有所帮助：***.com/questions/9294626/…

@ShaneRay 通过单击该行，我想引用一个显示属性的新 HTML 页面。

【参考方案1】：

有很多方法可以让行“可点击”。一种方法是简单地修改行标记以具有 onclick 处理程序。类似下面的东西

<tr onclick=“location.href=‘google.com’;”>

将“google.com”部分替换为您要导航到的详细信息页面的相应 href。您可能还想添加一种样式来显示手形光标...类似于 cursor:pointer

【讨论】：

将上述代码行 () 放在我的代码中的什么位置？ 这里替换tr——data +=“ 这有帮助吗？如果是这样，请考虑将此标记为答案。