Kendo UI Drag& Drop Area [英] Kendo UI Drag&Drop Area

问题描述

大家好，



这是sohaib在这里的意思。



我作为Asp工作。巴基斯坦的净开发商。



我在所有项目中使用 kendo 控件，这次是 kendo拖拽降。



我制作了动态DIV，其中包含小工具，并使其可拖动和可拖放。

我担心掉落功能，因为它并不总是正确地丢弃东西而且看起来当没有完成掉落功能时，小工具会回到它的真实单元格并且在那个时间点被调用。



所以，我认为它自称两次。



请帮我摆脱它。

Hi everyone,

This is sohaib ameen here.

I am working as Asp.net developer in Pakistan.

I am using kendo controls in all of my projects and this time its kendo drag & drop.

I produced dynamic DIV having gadgets in them and made them draggable and droppable.
I am afraid about drop function, because Its not always dropping things correctly and it looks like when drop function is not done then gadget place go back to its real cell and on that time drop is called.

So, I think it is calling itself twice.

Please help me to be out of it.

drop: function DropOnTarget(e) {
            kendoConsole.log("drop");
            //            var eId = "#" + e.target.id;

            //            alert("dropped");
            //            alert("SenderID :" + eId + ":" + "ReceiverID: " + e.sender.element.attr("id"));

            //            //            var target = dataSource.get($(e.draggable.currentTarget).data("id")),
            //            //            dest = $(e.target);
            //            //            alert("Target: " + dest);
            //            //              alert(element);

            //          
            //            $(e.target).text("You did great!");

            //            alert(e.target);
            //$(e.sender.element.attr("id")).html("<div class="droptarget">(Try Again)");

            //            if (!draggable.data("kendoDraggable").dropped) {
            //                // drag ended outside of any droptarget
            //                alert("Destination ID :" + e.sender.element.attr("id"));
            //                
            //            }

            //alert(n);
            //++n;
            //alert(n);
            DropReceiverID = e.sender.element.attr("id");

            //                alert("SenderID : " + DragSenderID);
            //                alert("ReceiverID : " + DropReceiverID);

            $(e.target).text("You did great!");

            //            $(SenderID).kendoDropTarget({
            //                dragenter: droptargetOnDragEnter,
            //                dragleave: droptargetOnDragLeave
            //               // drop: droptargetOnDrop
            //            });

            //            $(SenderID).addClass("droptarget");
            //            $(SenderID).removeClass("draggable");

            //             $("#droptarget").html("<div class="test1">(Drop here)</div><div class="test2">(Drop 

            $(e.target).kendoDraggable({
                hint: function (element) {
                    return element.clone();
                    kendoConsole.log("drassop");

                },
                dragstart: draggableOnDragStart,
                dragend: draggableOnDragEnd
            });
           
            $(e.target).addClass("draggable");
            $(e.target).removeClass("droptarget");

            //$(e.target).html("<div class="dragCounter"></div>");

           // alert(DragSenderID);
//            $(e.target.id).text("Drop Here");
//            
//            $(DragSenderID).removeClass("draggable");
//            $(DragSenderID).addClass("droptarget");
        }

它让我疯狂。



其次，如何将我的可拖动div交换目标div的值，就像我将div的内部值存储在一个单独的变量中一样？

Its just driving me crazy.

Secondly, how can I exchange the values of target div with my draggable div like I got the inner value of div stored in a seperate variable ?

推荐答案

（e.draggable.currentTarget）.data（id）），
// // dest =

(e.draggable.currentTarget).data("id")), // // dest =

（e.target）;
// // alert（目标：+ dest）;
// // alert（element）;

//
//

(e.target); // // alert("Target: " + dest); // // alert(element); // //

（e.target）.text（你做得很棒！）;

// alert（e.target）;
// < span class =code-comment>

(e.target).text("You did great!"); // alert(e.target); //

这篇关于Kendo UI Drag&amp; Drop Area的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！