将可拖动事件添加到引导选项卡内的表内的行

时间:2016-10-07 17:14:31

标签: javascript jquery twitter-bootstrap drag-and-drop html-table

我很难搞清楚这一点,我需要在表格中拖动行。我正在使用tablednd插件。这是我的代码。

<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" id="id1" href="#tab1">Page 1<span class="closeIcon"></span></a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane" id="id1">
<table class="scrollable">
<tr>
<td>one</td>
</tr>
<tr>
<td>two</td>
</tr>
</table>
</div>
</div>

在我的javascript中:

 $(".scrollable").tableDnD
    ({
        onDragClass : "DraggingClass",

        onDrop: function (table, row) {

            alert();

        }
                });

当我动态添加行时,这不起作用。

1 个答案:

答案 0 :(得分:0)

我可以使用以下链接http://chingchuan-chen.github.io/posts/2015/04/08/installations-of-rhdfs-rmr2-plyrmr-and-hbase

来解决这个问题

添加行后,使用follwoing函数为新行添加可拖动事件。

$( “#TABLEID”)。tableDnDUpdate()