[Solved] Prevent node drop after verifiying using Ajax call.

[Rakesh]

I need to verify the drop is valid or not using ajax call and if it is not valid drop i need to prevent.

Even if my ajax call return false i cant able to stop from dropping. Please help me to fix this issue ASAP.

here is my code

function onNodeDrop(e) {
        var treeview = $('#TreeView').data('tTreeView');
        var nodeText = treeview.getItemText(e.item);
        var nodeValue = treeview.getItemValue(e.item);
        var dropNodeText = treeview.getItemText(e.destinationItem);
        var dropNodeValue = treeview.getItemValue(e.destinationItem);
        var ManageCategory = { SourseNodeText: nodeText, SourceNodeValue: nodeValue, DestinationNodeText: dropNodeText,           DestinationNodeValue: dropNodeValue };
        $.ajax({
            url: '@Url.Action("Manage", "GroupsAndEvents")',
            data: ManageCategory,
            type: 'POST',
            contentType: 'application/x-www-form-urlencoded',
            success: function (data) {
                       if (data.Status == false) {                  // Its coming inside of this if block but its not working
                                    e.preventDefault();
                       }
            }
            });
}

[Petur Subev]

Hi Rakesh,

Since the success function of your Ajax request is an asynchronous one you cannot call preventDefault() inside of it.
What you can do instead is to always call e.preventDefault, but save the e.destinationItem and the e.item to a local variables. This way when your Ajax request success function is called you can use the append method and the saved local variables to perform the append.


Greetings,
Petur Subev
the Telerik team

[RES]

Or you can just set async to false.