通过从 Kendo 网格拖放创建 UL答案

【问题标题】：Creating an UL via drag and drop from Kendo grid通过从 Kendo 网格拖放创建 UL
【发布时间】：2012-12-20 15:49:48
【问题描述】：

我正在尝试在我的 div“#dropZone”中创建一个无序列表 (UL)，如果不存在的话。

如果确实存在，我想将拖动的项目添加为 UL 的附加 LI。

我有三个来源可供拖动：

#drg1
#drg2
#grid - 还是我的#mRow？

这是我尝试的 JSFiddle 链接：

JSFiddle - Uncaught TypeError: Object [object Object] has no method 'draggable'

var drpOptions = {
group: "gridGroup",
drop: function(event, ui) {
    if ($('#dropZone').has('ul')) {
        $("#list").append('<li>' + ui.draggable.text() + '</li>');
    } else {
        $("#dropZone").append('<ul id="list"><li>' + ui.draggable.text() + '</li></ul>');
    }
}};

【问题讨论】：

标签： jquery jquery-ui kendo-ui

【解决方案1】：

方法不是draggable，而是kendoDraggable。查看documentation中的使用示例。

您可能希望像这样定义hint 函数：

$("#drg1").kendoDraggable({
    hint: function (element) {
        return element.clone();
    }
});

$("#drg2").kendoDraggable({
    hint: function (element) {
        return element.clone();
    }
});

为了在您drag 他们时看到您的divs 浮动页面。

【讨论】：