Question

我希望能够将项目从一个Infragistics DataGrid拖动到另一个Infragistics DataGrid，而目标网格中的项目也是可排序的。

不幸的是，我不能使用jsfiddle，因为我不能在那里使用infragistics控件。

$("[id*=sourceGrid] [id*=dataTbl] tbody tr").draggable({
   helper: "clone",
   revert: "invalid",
   connectToSortable: '[id*=destination]'                   
});

$("[id*=destinationGrid]").sortable({
   cursor: 'move',
   helper: fixHelperModified,    
   revert: true,
   items: "[id*=container] [id*=dataTbl] tbody tr:not(.placeholder)",                
   receive: function (event, ui) {                    
      var grid = $IG.WebDataGrid.find("destinationGrid");                   
      $sentence = $(ui.item).find("td").eq(0).html();
      var row = new Array(Math.floor((Math.random() * 100) + 1), $sentence, $order);
      grid.get_rows().add(row);                  
  }
});

问题是：当我将项目从sourceGrid拖放到destinationGrid时，我不希望将draggable放入新的Grid中 - 我只想使用receive函数在网格中创建一个新行可拖动元素的值。现在，我得到了两个 - 新创建的gridRow和被删除的项目。我该如何防止这种情况？

Answer 1

您可以在beforeStop事件中捕获复制的项目。

var newItem;

$(".list").sortable({
  connectWith: ".list",
  beforeStop: function (event, ui) { 
      newItem = ui.item;
  },
  receive: function(event,ui) {
      $(newItem).doSomething();
  }
});

参考并归功于此答案：https://stackoverflow.com/a/5864644/3523694

可拖动连接到可排序

1 个答案: