ActionLink to submit Model value

Question

I want my Ajax.ActionLink to pass a viewModel property to action.

Here is my ViewModel

public class ViewModel
    {
        public string Searchtext { get; set; }
    }

My .cshtml

@Ajax.ActionLink("Bottom3", "Bottom3",new { name = Model.Searchtext}, new AjaxOptions
{
    HttpMethod = "POST",
    InsertionMode = InsertionMode.Replace,
    UpdateTargetId = "pointsDiv"
})

 using(Html.BeginForm("Bottom3", "Home", FormMethod.Get))
     {
         @Html.TextBoxFor(x => x.Searchtext)
         <button type="submit">Search</button>
     }
    <div id="pointsDiv"></div>
}

My Controller action:

public PartialViewResult Bottom3(string name)
        {
            var model = db.XLBDataPoints.OrderBy(x => x.DataPointID).Take(3).ToList();

            return PartialView("Partial1", model);
        }

But the name parameter passed to the action is always null. How do I solve this?

Answer 1

In your code... you have 2 different ways of posting to the server: the link and the form button.

The problem is that the ActionLink has no way to get the value from the input in client side... just the original value.

If you press the Search button, you will see a value posted.

Now, you can use some jQuery to modify a standard ActionLink (not the Ajax.ActionLink): https://stackoverflow.com/a/1148468/7720

Or... you can transform your Form in order to do a Ajax post instead of a normal one: https://stackoverflow.com/a/9051612/7720