JQuery复杂拖放-如何在不同的表中添加类似的标题列值

JQuery复杂拖放-如何在不同的表中添加类似的标题列值,jquery,jquery-droppable,Jquery,Jquery Droppable,我有一个要求,我必须将一行从一个表放到另一个表的行。在删除过程中,应在目标中添加一些源列。 例如: 源表具有列Id,捆绑数量,标签数量和目标具有Id,捆绑数量,标签数量 在上面的示例中,当将源行放到目标行上时,如何分别添加捆绑数量列值和标记数量列值 如果一行中只有一列的话,我已经完成了拖放和添加值的操作。谢谢你的帮助。我对JQuery非常陌生 下面的脚本代码(我不知道如何在此处添加html代码): source.draggable({ 回复:对, 不透明度:.75, 安全壳:'.containe

我有一个要求,我必须将一行从一个表放到另一个表的行。在删除过程中,应在目标中添加一些源列。 例如:

源表具有
列Id
捆绑数量
标签数量
目标具有Id
捆绑数量
标签数量

在上面的示例中,当将源行放到目标行上时,如何分别添加
捆绑数量
列值和
标记数量
列值

如果一行中只有一列的话,我已经完成了拖放和添加值的操作。谢谢你的帮助。我对JQuery非常陌生

下面的脚本代码(我不知道如何在此处添加html代码):

source.draggable({
回复:对,
不透明度:.75,
安全壳:'.container',
光标:“移动”,
光标:{顶部:35,左侧:45},
助手:函数(事件){
返回$('')
.find('table').append($(event.target).clone('tr').clone()).end();
},
附:“身体”
});
目标可丢弃({
drop:函数(事件、用户界面){
var classid=ui.helper.find('tr').attr('bundle的数量');
var name=ui.helper.find('.name').html();
$(this.addClass('drophighlight'))
.find('td'))
.html($(this.find('td').text()*1)+(ui.draggable.children('td”).text()*1));
//$(this.addClass('drophighlight'))
//.find('td'))
//.html(ui.draggable.children(“td”).text()*1);
//警报('row dropled'+ui.draggable.children(“td”).text());
},
接受:source.selector
});
来源
团队
束数
订单数量
装运标签的数量
1.
100
9
15
2.
800
15
30
3.
550
11
26
目标
团队
束数
订单数量
装运标签的数量
1.
500
29
53

我自己做的,忘了更新这个。我使用jQueryUIDragable和Dropable以及AJAX。在UI中,图像的div容器、#imgHolder和可拖放脚本函数中,完成了所有业务规则(计算)以及图表刷新。如果你需要更多的信息,请告诉我

伪代码:

target.droppable({
    drop : function(event, ui) {
//place your business rules (AJAX)
refreshImage();
},
    accept : source.selector        
});

function refreshImage() {
d = new Date();
var url = "/scar-inception/piechart/drawPie"+d.getTime();
//set the DIV to the img tag 
$('#imgHolder').html('<img src="'+url+'" />');
target.dropable({
drop:函数(事件、用户界面){
//放置您的业务规则(AJAX)
刷新图像();
},
接受:source.selector
});
函数refreshImage(){
d=新日期();
var url=“/scar inception/piechart/drawPie”+d.getTime();
//将DIV设置为img标记
$('#imgHolder').html('');

}

您可以像添加其他代码一样添加html。将其粘贴到框中,高亮显示并点击“代码示例”按钮。我还添加了html。有人请调查一下。
target.droppable({
    drop : function(event, ui) {
//place your business rules (AJAX)
refreshImage();
},
    accept : source.selector        
});

function refreshImage() {
d = new Date();
var url = "/scar-inception/piechart/drawPie"+d.getTime();
//set the DIV to the img tag 
$('#imgHolder').html('<img src="'+url+'" />');