在<table> </table>中添加新行后查看源代码

时间:2011-10-05 06:06:38

标签: javascript html drag-and-drop dojo

我正在通过javascript在<table>中创建新行。已添加行,但我无法通过Internet Explorer中的开发人员工具查看新创建的行的源代码。我可以在Firefox中通过firebug查看它。

问题是我正在拖放这些行的dojo。表中已有的任何行都可以拖放,但是当我创建一个新行时,生成新行后无法拖放,因为它没有添加到源代码中,并且dojo无法找到要拖动的行。

这是新行创建的代码。

var tbody = document.getElementById('myTable').getElementsByTagName("tbody")[0];
var row = tbody.insertRow(rowCount);
var cell1 = row.insertCell(0);

var element2 = document.createElement('input');    
element2.value = "valueHere";
element2.type = "text";

cell1.appendChild(element2);
row.appendChild(cell1);
tbody.appendChild(row);

当我尝试拖动新行时,Dojo会出错

'getItem(...).type' is null or not an object

2 个答案:

答案 0 :(得分:1)

最有可能在添加新行后,您需要重新启动插件

答案 1 :(得分:0)

有一个问题是dojo没有更新它的可拖动节点。此外,通过查看源不显示新创建的行。 Dojo dnd source有一个名为 autoSync 的属性。见dojo.dnd.Source api。它默认设置为false但启用它是真的。它会自动同步节点,并且所有新生成的节点都能够拖放。