jquery - 通过从 Kendo 网格拖放创建 UL

Question

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

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

我有三个来源可供借鉴：

• #drg1
• #drg2
• #grid - 或者这会是我的#mRow？

这是我尝试的 JSFiddle 链接：

JSFiddle - 未捕获的类型错误：对象 [对象对象] 没有方法“可拖动”

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。检查文档中的使用示例。

您可能想要定义这样的hint函数：

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

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

为了看到你在页面上divs 浮动，而你drag他们。