[Solved] Datakey null on ajax delete

[Pierre-Andre van Leeuwen]

Hi

I have a grid that is is Ajax bound. I did this so that I could use the OnRowDataBound event to enable/disable the edit and delete buttons based on certain criteria. This works as expected. The problem is that the delete command does not work when using only Ajax binding. The delete action looks like this:

[HttpPost]
[GridAction]
public ActionResult RemoveActivity(Guid activityId)
{
...
}

However, when called, I get a javascript syntax error in terlerik.grid.min.js:

success

:b.proxy(function(g){g=eval("("+g+")");

Changing the parameter to Guid ?activityId, doesn't cause the javascript error, but the parameter is then always null.

If I change the grid to use server binding, the delete works, but the OnRowDataBound event is not called.
My grid definition looks like this:

 

<%
    Html.Telerik().Grid<ActivityModel>()
                      .Name("CurrentActivitiesGrid")
                      .Scrollable(scrolling => scrolling.Height(300))
                      .DataKeys(keys => keys.Add(a => a.ActivityId))
                      .DataBinding(dataBinding =>
                        dataBinding.Ajax()
                        .Enabled(true)
                        .Select("LoadActivities", "EngagementPlanning")
                        .Update("UpdateActivity", "EngagementPlanning")
                        .Delete("RemoveActivity", "EngagementPlanning")
                        )

                      .Columns(columns =>
                        {
                          columns.Command(commands =>
                          {
                            commands.Edit();
                            commands.Delete();
                                                    }).Width(200).Visible((Boolean)ViewData["AllowEdit"]);
                          columns.Bound(a => a.ActivityId).Visible(false);
                          columns.Bound(a => a.ActivityName).Title("Name");
                        })
                                            .ClientEvents(events =>
                                                            {
                                                              events.OnError("OnGridError");
                                                              events.OnRowDataBound("OnActivityRowBound");
                                                              events.OnLoad("OnActivityGridLoaded");
                                                            })
                      .Footer(false)
                      .Render();
  %>

[Pierre-Andre van Leeuwen]

I seem to have found the solution: The action method's parameter must be called id and nothing else.

[Atanas Korchev]

Hello Pierre-Andre van Leeuwen,

Yes, by default the data key parameter is called "id". You can customize that when defining your data key:

DataKeys(keys => keys.Add(o => o.ActivityID).RouteKey("activityId"))

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[iConect Developer - Mike]

By the way since this confused me when looking at the answer this is what he meant to fix it:

[HttpPost]
[GridAction]
public ActionResult RemoveActivity(Guid id)
{
...
}

or you can use the RouteKey thing the telerik people posted