我正在研究拖放功能.我认为它已部分完成,但我没有得到理想的结果.我的方案是将一个表行拖到另一个表.我可以将当前表中的一行拖放到另一行,但行数据不会丢失到我想要的位置.我需要将当前的Table行数据放到name列下的另一个表中,但是我没有成功.
$(document).ready(function() {
var $tabs = $('#table-draggable2')
$("tbody.connectedSortable")
.sortable({
connectWith: ".connectedSortable",
items: "> tr:not(:first)",
appendTo: $tabs,
helper: "clone",
zIndex: 999990
})
.disableSelection();
var $tab_items = $(".nav-tabs > li", $tabs).droppable({
accept: ".connectedSortable tr",
hoverClass: "ui-state-hover",
drop: function(event, ui) {
return false;
}
});
});Run Code Online (Sandbox Code Playgroud)
.add_remove {
width: 100px;
}
#add_remove {
padding-top: 60px;
text-align: center;
}Run Code Online (Sandbox Code Playgroud)
<div class="page-content-wrapper">
<div class="page-content">
<h3 class="page-title">Route Details</h3>
<div class="clearfix"></div>
<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label class="control-label"> Route Name</label>
<input type="text" name="route_name" id="route_name" class="form-control" value="" …Run Code Online (Sandbox Code Playgroud)