小编Sub*_* KR的帖子

我需要将表行数据拖放到另一个表,但无法实现它

我正在研究拖放功能.我认为它已部分完成,但我没有得到理想的结果.我的方案是将一个表行拖到另一个表.我可以将当​​前表中的一行拖放到另一行,但行数据不会丢失到我想要的位置.我需要将当前的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)

html jquery

5
推荐指数
1
解决办法
317
查看次数

标签 统计

html ×1

jquery ×1