Question

也许这很简单，但我无法做到这一点。

我有一个包含数据的表，比如4列和4行。我想将此表中的数据项输入到另一个具有相同维度的表中，但每个单元格都有一个用于将数据保存到数据库的ID。目前我手动将表中的数据输入到第二个表中，这非常耗时，因为我必须经常这样做。

我相信通过拖放可以实现。我正在使用kendoui，它具有拖放功能，但我根本无法弄清楚如何使用kendoui以及是否可行。

这是否可以相对简单地完成（有或没有kendoui）？如果是这样，有人可以给我一些关于如何处理它的指示吗？

Answer 1

如果你搜索这个网站，你可能会得到解决方案。无论如何，我在本网站上发现了一些内容，但不记得实际帖子的链接。无论如何：

$(document).ready(function() {
$tabs = $(".tabbable");

$('.nav-tabs a').click(function(e) {
    e.preventDefault();
    $(this).tab('show');
})

$( "tbody.connectedSortable" )
    .sortable({
        connectWith: ".connectedSortable",
        items: "> tr:not(:first)",
        appendTo: $tabs,
        helper:"clone",
        zIndex: 999990,
        start: function(){ $tabs.addClass("dragging") },
        stop: function(){ $tabs.removeClass("dragging") }
    })
    .disableSelection()
;

var $tab_items = $( ".nav-tabs > li", $tabs ).droppable({
  accept: ".connectedSortable tr",
  hoverClass: "ui-state-hover",
  over: function( event, ui ) {
    var $item = $( this );
    $item.find("a").tab("show");

  },
  drop: function( event, ui ) {
    return false;
  }
});

}）;

在jsfiddle http://jsfiddle.net/martyk/Kzf62/18/

上试试这个

使用jQuery将内容从一个表拖放到另一个表

1 个答案: