Update view on long running controller action

[Raphael]

Hello,

in my ASP.NET MVC application I have a Kendo Button that is calling a controller action. While this action is working I'm showing a Kendo progress control. The controller action is a long running action that is updating several database items. In addition to my current solution I'm searching for a solution to show the progress of the long running action (e.g. display "Updated x of y items").

This is extract of my current solution:

View:

        @(Html.Kendo().Button()
              .Name("updateItems")
              .Content("Update items")
              .Events(events => events.Click("onClickUpdateItems")))

<script>
    function onClickUpdateItems() {
        kendo.ui.progress($("#content"), true);
        var items = getAllItems();
        $.ajax({
                type: "POST",
                url: "@Url.Action("UpdateItems", "Item")",
                data: JSON.stringify({
                    items: items
                }),
                contentType: "application/json"
            })
        kendo.ui.progress($("#content"), false);
</script>

 

In the corresponding controller action I iterate over all passed items. While the action is running I want to show the user how many items have been processed. Is there any possibility to realise this?

Regards

Raphael

[Dimitar]

Hello Raphael,

I would suggest you to try and update every item in the collection with a separate ajax request. This way, you will be able to return a message after each successful update from the controller (JSON) and then use the ajax success callback to notify the user with this message (In this case "Updated x of y items"). After the last request response is received, the kendo loader can be disabled in its success callback. 


Regards,
Dimitar
Progress Telerik

[Raphael]

Hello Dimitar,

I've change my application and your approach is working well.

Thank you for your help!

Regards

Raphael