Kendo ui 可以将行拖到剑道网格外吗？

我用几行填充剑道网格，希望在网格和其他html组件之间实现拖放功能

我可以找到很多资源，告诉我如何在网格内拖放/排序行，即使是从一个网格到另一个网格，但对于网格外到另一个组件，却没有任何内容

剑道ui网格是否支持这一点

我能想到的一个方法是-使整个网格可拖动，当拖动开始时，获取当前选定的行数据并在拖放时使用。但这并不是一个很干净的方法。在这种情况下，我甚至需要制作一个自定义的拖动图像

---

还有其他建议吗

可以使用kendoDropTarget（）方法将另一个html元素指定为目标。例如，这里有一个网格和一个HTML文本区域：

<div id="grid"></div>
<textarea id="dropHere" rows="3" cols="50"></textarea>

$("#grid table tbody > tr").kendoDraggable({
    group: "gridGroup",
    threshold: 100,
    hint: function(e) {
        return $('<div class="k-grid k-widget"><table><tbody><tr>' + e.html() + '</tr></tbody></table></div>');
    }
});

$("#dropHere").kendoDropTarget({
    group: "gridGroup",
    drop: function(e) { 
        e.draggable.hint.hide();

        var txt = '';
        $(e.draggable.element[0]).find("td").each(function(idx, td){
          txt += $(td).text() + '\n';
        });
        e.dropTarget.text(txt);
    }
});      

$（“#网格表tbody>tr”）.kendoDraggable({
组：“网格组”，
阈值：100，
提示：函数（e）{
返回$（''+e.html（）+''）；
}
});
$（“#放在这里”）.kendoDropTarget({
组：“网格组”，
删除：函数（e）{
e、 draggable.hint.hide（）；
var-txt=''；
$（e.draggable.element[0]）.find（“td”）.each（函数（idx，td）{
txt+=$（td.text（）+'\n'；
});
e、 文本（txt）；
}
});      

---

那怎么不干净呢？使网格的

tbody

可拖动，在拖动时定义可见元素，并定义放置目标。如果你看看剑道自己的代码，这正是它的网格中可拖动行的实现方式。是的，之前没有意识到。谢谢你的好例子。我想知道是否可以继续添加行而不丢失先前拖动的行？如在文本区域中有多个行信息块。