拖放kendoDiagram

时间:2014-05-30 05:52:36

标签: drag-and-drop kendo-ui kendo-dataviz

您好我正在尝试开发一个工作流编辑器作为拖放,绘制,以便用户可以拖放形状并连接它们以创建图表,为此我使用Kendo UI可拖动并放置目标但是drop目标必须是kendoDiagram小部件。我在将kendoDiagram作为dropTarget时遇到问题,因为它已经初始化为kendoDiagram,请帮我解决这个问题。

由于

1 个答案:

答案 0 :(得分:0)

function setDropTargetOnDiagram(element) {
    $telerik.$(element).kendoDropTarget({
        drop: function (e) {
            var draggable = e.draggable,
                element = e.dropTarget,
                diagram = element.getKendoDiagram();

            if (draggable && draggable.hint) {
                var item = draggable.hint.data("data"),
                    offset = draggable.hintOffset,
                    point = new kendo.dataviz.diagram.Point(offset.left, offset.top),
                    transformed = diagram.documentToModel(point);

                item.x = transformed.x;
                item.y = transformed.y;

                diagram.addShape(item);
            }
        }
    });
}