2016-11-14 26 views
0

我想在表格从一个servlet“下载”并通过javascript“插入”后为表格单元格添加一个doubleclick事件处理程序。 我有一个JavaScript循环迭代在映射数据ini表的xml响应。说,一个小区可以在响应后添加表格单元格上的doubleclick处理程序

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

我想在该小区增加一个功能,我已经尝试了几种解决方案,但没有works.One是:

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

帮助?

更新: 表构造ofter收到响应

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

'$( “红,.rosso。 ”)上(“ 点击”,myfunction的)'如果你需要这样的 – prasanth

回答

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

+0

。不,我推崇,我不清楚。这个场景是这样的: 1)用组合框加载html页面 2)选择一个choise并执行一个请求到servlet 3)接收xml数据并创建一个表格来显示div 在poit 3上,我想添加一个双击单元格的事件监听器,它显示一个模态div。 希望我已经更清楚了 – z10h22

+0

所以'.rosso'是你想要双击的元素吗? –

+0

罗索是红色的(意大利语)。对不起,我形成了非常糟糕的代码,我做了复制/粘贴错误。所以,我想这对一个细胞,其类是“红色”双击,模态的div显示 – z10h22

相关问题