Delete List Item Collection using ECMA Script

Hello All,

In a following post , we will see a code which will delete List Item Collection from SharePoint List using ECMA Script .
this example is used in a scenario like after completion of deletion of list Items , I need to insert some values in another list,for this generally we can write insert Code in Success Method of Delete.But in this example we are going to see some different approach. Not exactly callback but will act same as callback.

DeleteDetails(ItemID, function (isDetailsDeleted) {

                if (isDetailsDeleted) {

                    InsertToDetailsList(ItemID);

                }

            });

here, DeleteDetails is my function which will delete items from SPList. 

    var DeleteDetails = function (ItemID, OnComplete) {

    var isDetailsDeleted = false;

    var myArray = [];

    var context = SP.ClientContext.get_current();

    var parentContext = new SP.AppContextSite(context, SPHostUrl);

    var web = parentContext.get_web();

    var camlQuery = new SP.CamlQuery;

    var query = "<View> " +

            "<Query> " +

             "  <Where><Eq><FieldRef Name='ColumnName' /><Value Type='Number'>" + ItemID + "</Value></Eq></Where> " +

            "</Query> " +

            "</View>";

    camlQuery.set_viewXml(query);

    var list = web.get_lists().getByTitle("ListName");

    var listDetails = list.getItems(camlQuery);

    context.load(listDetails);

    context.executeQueryAsync(onQuerySucceeded, onQueryFailed);

    function onQuerySucceeded() {

        var listEnumerator = listDetails.getEnumerator();

        var itemCount = listEnumerator.$2K_0;

        while (listEnumerator.moveNext()) {

            var listItem = listEnumerator.get_current();

            myArray.push(listItem.get_id());

        }

        context.executeQueryAsync(onQueryDeleteSucceeded, onQueryFailed);

    }

    function onQueryDeleteSucceeded() {

        jQuery.each(myArray, function (i, val) {

            var newDelItem = list.getItemById(val);

            newDelItem.deleteObject();

        });

        context.executeQueryAsync(onDeleted, onQueryFailed);

    }

    function onDeleted() {

        isDetailsDeleted = true;

        OnComplete(isDetailsDeleted);

    }

    function onQueryFailed(sender, args) {

        isDetailsDeleted = false;

        alert('Delete Details failed. ' + args.get_message() +

                '\n' + args.get_stackTrace());

        OnComplete(isDetailsDeleted);

    }

    return isDetailsDeleted;

}

Note: the below code is executed in SP Hosted App,So you will see some Hosting Urls, Please change code as per your requirement.

Thanks,

Related Post

ECMA Script

• Get List Field Type using ECMA Script in SP Hosted Apps
• Get Choice Field Type Values using ECMA Script
• Executing Search Queries using ECMA Script in SharePoint 2013
• Create Site Column and Adding it to Content Type using ECMA Script
• Create Content Type using ECMA Script
• Get List Content Types using ECMA Script
• Get Lookup Column Value using ECMA Script
• Create Folder in document Library using ECMA Script in SharePoint Hosted Apps
• Get List Item attachments using ECMA Script
• How to get List Items Count from SP List Using Visual webpart and ECMA script in SharePoint 2010
• How to get the List Items Count of SP List using ECMA Script in SharePoint 2010 ,2013
• SharePoint Client Object Model using ECMAScript in 2013

Apps.SharePoint 2013

• Get List Field Type using ECMA Script in SP Hosted Apps
• SharePoint 2013 AppModel Basics
• Something Went wrong error message while deploying App in SharePoint 2013
• Create Content Type using ECMA Script
• Get List Content Types using ECMA Script
• Get Lookup Column Value using ECMA Script
• Create Folder in document Library using ECMA Script in SharePoint Hosted Apps
• Remove an App from SharePoint Site
• Get List Item attachments using ECMA Script
• XMLHttpRequest: Network Error 0x2eff, Could not complete the operation due to error 00002eff.
• Create SharePoint Hosted App in SharePoint 2013
• 101 New Features of Share Point 2013
• Creating Apps in SharePoint 2013