使用jQuery將內容從一個表格拖放到另一個表格

也許這是簡單的，但我不能得到這個權利。使用jQuery將內容從一個表格拖放到另一個表格

我有一個數據表，比如4列和4行。我想從表中輸入數據項到另一個具有相同尺寸的表格中，但每個單元格都有一個用於將數據保存到數據庫的ID。目前，我正在將表中的數據手動輸入到第二個表中，這很耗時，因爲我必須經常這樣做。

我相信它可以通過使用拖放。我使用的是具有拖放功能的kendoui，但是我根本無法弄清楚如何用kendoui來做，並且這是否可能。

這是可以做的相對簡單的事情（有或沒有肯杜伊）？如果是這樣，任何人都可以給我一些關於如何接近它的指針？

2013-05-07 jmarais

如果您搜索此網站可能會得到解決方案。無論如何，我在這個網站上發現以下內容，但不記得實際文章的鏈接。無論如何：

$(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/

來源

2013-08-16 20:10:25

使用jQuery將內容從一個表格拖放到另一個表格

回答

相關問題