ASP.NET MVC: After Delete Action, Index is not rendering

Question

I have a controller which has Add, Edit, Delete and Index action methods. For my Add action, after the add, it redirects to Index in order to refresh the grid to show the add.

For Delete it is not redirecting. The delete is occurring, but I only see it if I manually refresh the page. I tried

return RedirectToAction(nameof(Index));

and

w("Index", otList);

where "otList" is the model.

The is the code that invokes the delete action in the controller

    $("#deleteButton").click(function () {
            var button = $(this);
            $.ajax({ method: 'POST', url: button.data('url') })
                .done(function () {
                    $('#confirmModal').modal('hide');
                    button.removeData('url');
                })
                .fail(function () {
                    magalert.communicationError();
                });
        });

Here is the Delete action method in the controller

    public IActionResult Delete(int Id)
    {
        try
        {
            var jurisdictionId = _user.Current().JurisdictionId;
            _electedOfficials.deleteOrgType(jurisdictionId, Id);

            //Refresh data post delete for the grid
            List<OrganizationType> otList = new List<OrganizationType>();
            otList = (List<OrganizationType>)_electedOfficials.OrgTypeList(jurisdictionId);

            //return View(otList);

            //return RedirectToAction(nameof(Index));

            return View("Index", otList);
        }
        catch (Exception e)
        {
            _logger?.LogCritical(new EventId(103, "CAdminOrganizationType"), e, $"Error when deleting id: " + Id);
            throw;
        }
    }

Any ideas why the Index view is not refreshing like it does for after the Add action? I tried to redirect and tried specifying the view and model in the return.

Here is the Index action method if that helps

    public IActionResult Index()
    {
        try
        {
            var jurisdictionId = _user.Current().JurisdictionId;
            List<OrganizationType> otList = new List<OrganizationType>();
            otList = (List<OrganizationType>)_electedOfficials.OrgTypeList(jurisdictionId);
            return View(otList);
        }
        catch (Exception e)
        {
            _logger?.LogCritical(new EventId(101, "CAdminOrganizationType"), e, $"Error when loading Organization Types View");
            throw;
        }
    }

You're invoking the delete via AJAX, but also expecting the screen to re-load? That doesn't make much sense. Do you want to use AJAX, or do you want to re-load the page? — David
– David, Commented Dec 1, 2021 at 16:03
I fail to see the reason to use ajax here. Why don't you just submit or href the Delete method on the controller? — Steve
– Steve, Commented Dec 1, 2021 at 16:06

Abdelkrim · Accepted Answer · 2021-12-01 16:06:37Z

2

If you are invoking the delete with Ajax you can't perform a redirection, one way to solve this is to refresh the page from the javascript code using location.reload(); When the request is successful after button.RemoveData('url'); Of course, if the delete is performed from the index page.

answered Dec 1, 2021 at 16:06

Abdelkrim

1,24011 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mark Over a year ago

Thanks, that worked

Collectives™ on Stack Overflow

ASP.NET MVC: After Delete Action, Index is not rendering

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related