JS动态创建TABLE双击可编辑状态

来源：互联网发布：杭州数据分析师工资编辑：程序博客网时间：2024/06/05 10:51

参考：http://www.cnblogs.com/sixiweb/archive/2009/03/07/1405513.html

var existTR=document.getElementById("newTR"+row);
var existTd0=null;

existTd0.ondblclick=function(){OnEditCells(this)};

。。。

//当用户双击单元格的时候，单元格内显示textbox，value为原来单元格中的值

//如果用户再次双击单元格的时候，就会出问题，textbox中的内容就乱了。如何防止，我还没想出来。

function OnEditCells(thisCells)

{

thisCells.innerHTML="<input type=\"text\" id=\"TextBox1"+thisCells.id+"\" value=\""+thisCells.innerHTML+"\" onblur=\"thisTextBoxOnblur(this)\" />";
document.getElementById("textBox1"+thisCells.id).focus();

}

//当文本框失去焦点后，将修改后的值保存到隐藏控件中。并将单元格的内容变回原来的内容。

function thisTextBoxOnblur(thisTextBox)
{
    var thisCellsID=thisTextBox.id;
    thisCellsID=thisCellsID.substring(8,11);
    document.getElementById("HValue").value=thisTextBox.value;
    document.getElementById(thisCellsID).innerHTML=document.getElementById("HValue").value;
}

0 0