Javascript 我制作了一个带有循环的表,但我想在每个单元格中创建一个单击事件 for(int i=0;i

Javascript 我制作了一个带有循环的表,但我想在每个单元格中创建一个单击事件 for(int i=0;i,javascript,c#,html,css,asp.net,Javascript,C#,Html,Css,Asp.net,这是我的密码 在这里,每当在表中创建一个单元格时,我都希望为每个单元格提供一个单击事件。我该怎么办?请。两种方法 在表中为添加click事件侦听器并对其进行处理 做以下的事情——不是有效的方法,但你仍然可以做到 迭代您的表行和列,并分配click listener for (int i = 0; i < ds.Tables[0].Rows.Count; i++) { string empCode = ds.Tables[0].Rows[i]["EMP_CO

这是我的密码

在这里,每当在表中创建一个单元格时,我都希望为每个单元格提供一个单击事件。我该怎么办?请。

两种方法

  • 在表中为添加click事件侦听器并对其进行处理
  • 做以下的事情——不是有效的方法,但你仍然可以做到
  • 迭代您的表行和列,并分配click listener

    for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
        {
            string empCode = ds.Tables[0].Rows[i]["EMP_CODE"].ToString();
            string empName = ds.Tables[0].Rows[i]["EMP_NAME"].ToString();
            string gradeCode = ds.Tables[0].Rows[i]["GRADE_CODE"].ToString();
    
            tr = new TableRow();
    
            td = new TableCell();
            td.Text = empCode;
            tr.Cells.Add(td);
            tableButton.BackColor = System.Drawing.Color.Transparent;
            tableButton.Text = empCode;
    
            td = new TableCell();
            td.Text = empName;
            tr.Cells.Add(td);
    
            td = new TableCell();
            td.Text = gradeCode;
            tr.Cells.Add(td);
    
            table1.Rows.Add(tr);
    
        }
    
    for(变量i=0;i
    考虑到这些是动态创建的内容,一种方法是将单个eventlistener绑定到表,并操作事件捕获机制以获取单元格内容

    const table=document.querySelector('table'))
    table.addEventListener('单击',事件=>{
    如果(event.target.tagName==“TD”){
    console.log(event.target.innerText)
    }
    },{capture:true})
    
    桌子{
    字体系列:arial,无衬线;
    边界塌陷:塌陷;
    宽度:100%;
    }
    td,th{
    边框:1px实心#dddddd;
    文本对齐:左对齐;
    填充:8px;
    }
    tr:n个孩子(偶数){
    背景色:#dddddd;
    }
    HTML表格
    单位
    接触
    国家
    阿尔弗雷德·福特基斯特
    玛丽亚·安德斯
    德国
    莫特祖马商业中心
    张锦松
    墨西哥
    恩斯特·汉德尔
    罗兰·孟德尔
    奥地利
    岛屿贸易
    海伦·贝内特
    英国
    笑巴克斯酒窖
    田纳西
    加拿大
    马加兹尼营养不良
    乔瓦尼·罗维利
    意大利
    
    您可以创建动态html并添加服务器端控件的InnerHtml

       for (var i = 0; i < table1.rows.length; i++) {
              for (var j = 0; j < table1.rows[i].cells.length; j++)
                  table1.rows[i].cells[j].onclick = function () {
                  alertCellCOntent(this);
               };
            }
          }
        
     function alertCellCOntent(cell) {
       alert(cell.innerHTML);
     }
    
    
    字符串html=“”;
    对于(int i=0;i
    td.Attributes.Add(“onClick”、“clickHandler”)应该使用Gridview控件以表格格式显示数据。它提供了单元格的模板,以便您可以添加按钮或链接到单元格。请问在这种情况下您为什么使用
    {capture:true}
    <form id="form1" runat="server">
        <div>
            <table id="table1" runat="server">
            </table>
        </div>
    </form>
    
    string html = "";
    for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
    {
        string empCode = ds.Tables[0].Rows[i]["EMP_CODE"].ToString();
        string empName = ds.Tables[0].Rows[i]["EMP_NAME"].ToString();
        string gradeCode = ds.Tables[0].Rows[i]["GRADE_CODE"].ToString();
    
        html += "<tr>";
        html += "    <td onClick='MyOnclickEvent()'>" + empCode + "</td>";
        html += "    <td onClick='MyOnclickEvent()'>" + empName + "</td>";
        html += "    <td onClick='MyOnclickEvent()'>" + gradeCode + "</td>";
        html += "</tr>";
    }
    table1.InnerHtml = html;