使用可排序的jquery拖放多行

时间:2018-06-12 13:02:13

标签: jquery jquery-ui-sortable

我想通过jquery拖放多个表行。我正在使用可排序功能。我的代码在下面

jQuery函数:

 $('#sortPins').sortable({
    items: "> tr",
    opacity: 0.6,
    multiselect:true,
    helper: fixHelper,
    update: function() {
       sendOrderToServer();
    }
 });
 var fixHelper = function(e, ui) {
   ui.children().each(function() {
      $(this).width($(this).width());
   });
   return ui;
 }
 function sendOrderToServer(){
    var order = $("#sortPins").sortable("serialize");
    console.log(order);
  }

Html代码:

<table>
  <tbody id="sortPins">
    <tr id="pinid_1">
       <td>A</td><td>AA</td>
   </tr>
   <tr id="pinid_2">
      <td>B</td><td>BB</td>
    </tr>
    <tr id="pinid_3">
       <td>C</td><td>CC</td>
    </tr>
    <tr id="pinid_4">
       <td>D</td><td>DD</td>
    </tr>
</tbody>
</table>

想要选择两行或更多行并拖动&amp;放弃排序。

0 个答案:

没有答案