通过从Kendo网格拖放来创建UL

Question

我正在尝试在我的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>');
    }
}};

Answer 1

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

您可能希望定义hint函数，如下所示：

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

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

为了在您divs的同时在页面周围看到drag 浮动。