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+'" />');