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