How to make a simple search with EF and input box

Question

I am trying to implement a search functionality on my index page, but i can't get my head around how it should be.

I am simply trying to do a simple search, so I put a number in the input box, and on button click i display under the form the object that matcher that id.

So far I have a controller method, which migh be wrong, and a view(which also mugh be wrong).

Thee view looks like this (the search part in the bottom) :

<h2>Search</h2>
@model IEnumerable<class_project.Models.Post>

@{
    var i = 1;
    foreach (var item in Model)
    {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Title)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Content)
        </td>
        <td>

            @Html.ActionLink("Details", "Details", new { id = i }) 
           @{
               i++;
        }
        </td>
    </tr>
        }
    }

@using (Html.BeginForm("Search", "Posts", FormMethod.Post))
{   <p>
        @Html.TextBoxFor()
    </p>

    <input type="submit" />

@Html.Action("Search", "Post")

Controller method :

 public ActionResult Search(int id)
        {
            return View(db.Posts.Find(id));
        }

Model :

public class Post
    {

    public int PostId { get; set; }

    public string Title { get; set; }

    public string Content { get; set; }


    public Post(int PostId, string Title, string Content)
    {
        this.PostId = PostId;
        this.Title = Title;
        this.Content = Content;
    }
    public Post()
    {
    }

I am banging my head with this simple task, so please, can someone help me with this?

Because I failed to ask it properly the first time. Can you delete it, please. I am sorry. — Robert Ross, Nov 26 '16 at 11:40

Mihai Alexandru-Ionut · Answer 1 · 2016-11-26T10:31:40.333

1

You have to use input using name attribute to reference form data after your form is submitted to server-side.

@using (Html.BeginForm("Search", "Posts", FormMethod.Post))
{   
   <p>
      <input type="number" name="id"/>
   </p>
   <input type="submit" />
}

edited Nov 26 '16 at 10:31

answered Nov 26 '16 at 10:26

Mihai Alexandru-Ionut

47,092
13
101
128

Thanks for the answer. How do display the object under this box in whatever way? Much appreciated. – Robert Ross Nov 26 '16 at 10:29
You refer that you want to display result from `Search` ActionResult ? – Mihai Alexandru-Ionut Nov 26 '16 at 10:39
You do not have to use `` - `@Html.TextBox("id")` will produce an `` element with `name="id"` – Nov 26 '16 at 10:43
To show result under box you need to use `PartialView` – Mihai Alexandru-Ionut Nov 26 '16 at 10:47
One easy way,I recommand you to use `Ajax` call. Please have a look here : http://stackoverflow.com/questions/26191774/submit-form-using-ajax-in-asp-net-mvc-4 – Mihai Alexandru-Ionut Nov 26 '16 at 10:48

How to make a simple search with EF and input box

1 Answers1