Ajax binding of telerik mvc grid with async methods

[test]

I am trying to bind my Telerik grid through Ajax with Async method. As described in the help file, I have created a replica of the Async(Begin and Complete) method for Telerik grid with the [GridModel] attribute. I have registered the route in the class. However, I get an error that
"A route named 'AjaxBindingCompleted' could not be found in the route collection.
Parameter name: name"
in the .cshtml class.
How do i solve this error? I am binding the async method as follows:

List<Account> posquity = Model.ListOfAllPositions.FindAll(Account accPosDetails) ;
         Html.Telerik().Grid(posquity).Name("grdPersonView")
             .DataBinding(databinding => databinding.Ajax()
             .Select("AjaxBinding","Person"))
                                                  .Columns(columns =>
                                                  {

                                                      columns.Bound(p => p.Number);
                                                      columns.Bound(p => p.Value);
                                                      columns.Bound(p => p.Name).Width(100);

in the controller i 've 2 methods defined:

[GridAction]
       public ActionResult AjaxBindingCompleted(AccountPositions accountPositions, Dictionary<string, CMSContent> cmsContent, bool hasServiceError)
       {
           MarginViewModel viewModel = new MarginViewModel();
           List<MarginViewModel> viewModelList = new List<MarginViewModel>();

                    viewModelList.Add(viewModel);

               return View(new GridModel(viewModelList));
                       }

public void AjaxBindingAsync(AccountInput account)
        {
........
}

[Atanas Korchev]

Hello Test Test,

UPDATED:

You should add the GridAction attribute to the  method which ends with Async. When configuring the grid specify the method name without "Async".

 Find attached a working project.

Greetings,
Atanas Korchev
the Telerik team

[test]

I solved this problem. The route was not registered properly. Now the problem that i m facing is that on page refresh i get a javascript error : 'Error: The requested URL didnot return JSON'. Is it necessary to return JSON from the controller? I am returning IEnumerable list to the view

[test]

Thanks for the quick response. As mentioned in my previous post, I get a JSON related error on page refresh and I am not passing any JSON data. Do you get a similar error? Also, I have rectified the method name in the grid. I have changed it to match the syntax "action","controller"

[Atanas Korchev]

Hello Test,

 Did you check the updated project? I updated my reply shortly after posting.

Greetings,
Atanas Korchev
the Telerik team

[test]

Hi,

I checked the project that you had uploaded. I have followed the same steps for implementation. The only difference is that while you are using a single method "index" for binding and paging, I am using two methods. I am using Index for basic binding and AjaxBinding for paging. I can't use a single method "index" for both the operations as Index is being used by other grids on the page.

The problem is that when i click the next page, I get an error 404 - Url could not be found. Could I be getting this error because I am using 2 different methods here? Can you give some insight here?

Thanks.

[Atanas Korchev]

Hello Test,

 I am not sure what went wrong at your side.To repeat you need to do the following when doing ajax binding with async methods:

1. Create two methods e.g. SelectAsync and SelectComplete.
2. Configure the grid to bind to "Select" (not SelectAsync or SelectComplete):

.DataBinding(dataBinding=> dataBinding.Ajax().Select("Select", "Home"))

3. Add the [GridAction] method to SelectAsync:

[GridAction]
public void SelectAsync()
{
}

4. Use GridModel in SelectComplete:

public ActionResult SelectCompleted()
{
    return View(new GridModel(new[] { new Product { ID = 1, Name = "Product 1" } }));
}

If you need further assistance please modify the attached project so it mimics your real setup.

Regards,
Atanas Korchev
the Telerik team

[test]

Thanks for providing a detailed explanation. I have resolved the problem. The problem was in the type of the data being returned by the Async method.