>

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;
        }
    }
}

}


  • 답변 # 1

    행을 "클릭 가능"하게 만드는 방법에는 여러 가지가 있습니다. 한 가지 방법은 단순히 onclick 핸들러를 갖도록 행 태그를 수정하는 것입니다. 아래와 같은 것

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

    'google.com'부분을 탐색하려는 세부 정보 페이지의 적절한 href로 바꿉니다. 손 모양 커서를 표시하는 스타일을 추가하고 싶을 수도 있습니다 ... 커서와 같은 것 : pointer

관련 자료

  • 이전 python - Jupyter Notebook Pandas 데이터 프레임 HTML 인쇄물 복제
  • 다음 MySQL에서 쿼리 결과를 그룹화하여 총 백분율 계산