响应后在表格单元格上添加双击处理程序

时间:2016-11-14 10:25:30

标签: javascript html css ajax eventhandler

我希望在表格被删除之后向表格单元格添加一个双击事件处理程序"从一个servlet和"插入"通过javascript。 我有一个javascript循环,迭代xml响应映射数据ini表。说细胞可以是

<td class='red' ></td>

我想在那个单元格上添加一个函数,我已经尝试了几个解决方案,但没有一个工作。一个是:

$(".red").on("dblclick",myfunction);

帮助?

更新: 收到表的构造函数

function handleResponse(responseXML) {
    var i;
    var x=responseXML.getElementsByTagName("row");
    var out="<table><tr><th >Description</th><th >State</th><th>Note</th></tr>";
    for(i=0;i<x.length;i++){
        out+="<tr>";
    var Description = x[i].getElementsByTagName("Description")[0].childNodes[0].nodeValue;
    var State = x[i].getElementsByTagName("State")[0].childNodes[0].nodeValue;
    var note =  x[i].getElementsByTagName("Note")[0].childNodes[0];
    var note_text=" ";
    if (!(typeof note === "undefined") && !(note=='null')) {
        note_text=note.nodeValue;
    }
    out += "<td>"+Description+ "</td>";
    if(State==0)
        out+="<td class='white' ></td>";
    else if(State==1)
        out+="<td class='red' ></td>";
    else if(State==2)
        out+="<td class='yellow' ></td>";
    else if(State==3)
        out+="<td class='green' ></td>";

    out+="<td>" + note_text + "</td></tr>";
    }
    var output = document.getElementById("mytable");
    out+="</table>";
    $().on("click",".red",update());  //here is the point
    output.innerHTML=out;
}

1 个答案:

答案 0 :(得分:0)

<强>更新

根据您的评论,您可以尝试:

当您打印td时,稍微更改模板:

out+="<td class='red' ondblclick='openModal()'></td>";

然后在你的js文件中添加这样的内容。

$(document).ready(function() {
    function openModal() {
      alert( "Double clicked." );
      // Or call your other function here...
    };
});

您也可以通过多种方式完成此操作,请点击此处:http://www.w3schools.com/jsref/event_ondblclick.asp