Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jQuery中拖动表行_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 在jQuery中拖动表行

Javascript 在jQuery中拖动表行,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,使用jQuery(和UI),我希望能够将表行从表中拖出,并将它们放到某个元素上。行本身不应该离开表,就像iTunes在拖动多首选定歌曲时的工作方式一样。我需要使用表格,因为这是表格数据,我已经有了一个表格排序插件 知道如何实现这一点吗?JQuery UI的Dropable()允许您定义一个函数,以便在将可接受的DragTable()拖放到该Dropable()上时运行。上的演示帮助我理解了如何编写代码。点击“查看源代码”查看他们的代码。尤其是这一部分: $gallery.droppable({

使用jQuery(和UI),我希望能够将表行从表中拖出,并将它们放到某个元素上。行本身不应该离开表,就像iTunes在拖动多首选定歌曲时的工作方式一样。我需要使用表格,因为这是表格数据,我已经有了一个表格排序插件

知道如何实现这一点吗?

JQuery UI的Dropable()允许您定义一个函数,以便在将可接受的DragTable()拖放到该Dropable()上时运行。上的演示帮助我理解了如何编写代码。点击“查看源代码”查看他们的代码。尤其是这一部分:

$gallery.droppable({
  accept: '#trash li',
  activeClass: 'custom-state-active',
  drop: function(ev, ui) {
    recycleImage(ui.draggable);
  }
});

例如,您应该能够创建一个drop函数来克隆所需的行,但不能将其从原始位置删除。

只需尝试使用纯Javascript编写的插件,该插件能够对行和列进行拖动和排序。

是的,可拖放方面不是问题所在。似乎无法将表行拖到表外。有jQuery插件可以实现这一点。看,我知道这是一篇老文章,但没有主题,tnd表格插件在带有thead和tbody的表格中不起作用,希望忽略标题行。有几个人写了这个版本。在您链接的tnd的注释中链接的一个版本实际上与propper格式的表一起工作。唯一的缺点是它禁用了我所有的下拉列表。如果表上没有控件,则分支版本
http://riouxsvn.com/svn/jquery-tablednd/trunk/
实际上似乎效果不错。该项目现在也在GitHub上
https://github.com/isocra/TableDnD/
但它也不是最新的。