Question

所以我有2个sql表当前和以前。

我希望显示2个表，并允许用户将上一个表中的项目拖放到当前表中。

最重要的是，我希望允许用户编辑每个表/插入行，并删除这些行，然后将更改保存回数据库。

我所做的是找到2个独立的项目并将它们合并在一起。 github.com/drale/DBTableViewer

github.com/dbunic/REDIPS_drag

一个允许2个表进行交互，另一个表从数据库中提取数据生成表并对它们进行分页。

我有这个工作所以我现在正在进行下一步插入行并使它们可编辑。我有它的工作，但每当我插入一行时，我无法移动我插入的那个新的。如果你们可以检查一下，我会很感激。一直在看它，代码完全相同......

我所看到的我可以移动的行：

<tr class='rd'>
<td class='redips-rowhandler'><div class='redips-drag redips-row'></div></td>
<td>Something</td>
<td>something else></td>
</tr>

我插入的行，无法移动：

<tr class="rd">
<td class="redips-rowhandler"><div class="redips-drag redips-row" style="border-style: solid; cursor: move;"></div></td>
<td>Data</td>
<td>Data</td>
</tr>

第二个不起作用的唯一原因是：style =“border-style：solid; cursor：move; 因为在我看到的元素容器中出现了其他行。即使它没有它也不起作用。

我用来插入行的函数是：

function myFunction() {
    var table = document.getElementById("tbl1");
    var row = table.insertRow(2);
    row.className = "rd";
    var cell1 = row.insertCell(0);
    console.log(cell1);
    cell1.className="redips-rowhandler";
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    cell1.innerHTML= "<div class='redips-drag redips-row' style='border-style: solid; cursor: move;'></div>";
                    //<td class='redips-rowhandler'><div class='redips-drag redips-row'></div></td>

    cell2.innerHTML = "Data";
    cell3.innerHTML = "Data";
}
</script>

我还为这个项目创建了一个公共github，所以如果有人想要使用这样的东西，它将可供他们使用！如果您愿意，请随时提供帮助。

http://www.github.com/chc200/javascript_Sql_Html_Table

数据库表到Html表（拖放行/编辑和更新行/插入行/删除行）更新SQL表

0 个答案: