Searching - from index view and result to another view

Question

i'm creating a search function in mvc5 my program works like this: Index view have search box and button and the result of that also displays in index view

so my problem is that how do i display the result in another view - say like searchresult.cshtml and not in index view?

here's my controller:

public ActionResult Index(string searching)
{
 return View(db.TblId.Where(x => x.IdNumber.Contains(searching) || searching == null));
}

my index view (i just removed the other text contents, only included the search result)

@model IEnumerable<MVC5_Search.Models.TblId>

@using (Html.BeginForm("Index", "Home", FormMethod.Get))
{
    @Html.TextBox("searching")<input type="submit" value="Search" />
}

<table>
    <thead>
        <tr>
            <td>Id Number</td>
            <td>First Name</td>
            <td>Middle Name</td>
            <td>Last Name</td>
        </tr>
    </thead>
    <tbody>
        @if (Model.Count() == 0)
        {
            <tr>
                <td colspan="3" style="color: red">
                    No Result!
                </td>
            </tr>
        }
        else
        {
            foreach (var item in Model)
            {
                <tr>
                    <td>@item.IdNumber</td>
                    <td>@item.Firstname</td>
                    <td>@item.Middlename</td>
                    <td>@item.Lastname</td>
                </tr>
            }
        }
    </tbody>
</table>

i'm using this together with entity framework

EDIT:(trying to solve)

here's what i've done so far,

i created another controller (SearchingController) to avoid conflict with the main controller,

 [HttpGet] public ViewResult SearchResult(string searching) { return View("SearchResult", db.TblId.Where(x => x.TId.Contains(searching) || searching == null)); }

and then the view SearchResult.cshtml

 @model IEnumerable<TblId.Models.TId> @{ ViewBag.Title = "searchresult"; } <table> <thead> <tr> <td>IdNumber</td> <td>First Name</td> <td>Middle Name</td> <td>Last Name</td> </tr> </thead> <tbody> @if (Model.Count() == 0) { <tr> <td colspan="3" style="color: red"> No Result! </td> </tr> } else { foreach (var item in Model) { <tr> <td>@item.IdNumber</td> <td>@item.Firstname</td> <td>@item.Middlename</td> <td>@item.Lastname</td> </tr> } } </tbody> </table>

and in my index view,

 @using (Html.BeginForm("SearchResult", "Searching", FormMethod.Get)) { @*@Html.TextBox("searching")*@ <input type="text" id="searching" name="searching" /> <button type="submit" name="searching" id="searching "class="btn btn-secondary"> Verify <br> </button> }

still not working as expected

when i clicked search button, it just change the url to something like this

/Index?searching=T101&searching=

T101 - is the Id i'm searching

Answer 1

Follow these steps:

-> Create a new view searchresult.cshtml with below contents

@model IEnumerable<MVC5_Search.Models.TblId>

<table>
    <thead>
        <tr>
            <td>Id Number</td>
            <td>First Name</td>
            <td>Middle Name</td>
            <td>Last Name</td>
        </tr>
    </thead>
    <tbody>
        @if (Model.Count() == 0)
        {
            <tr>
                <td colspan="3" style="color: red">
                    No Result!
                </td>
            </tr>
        }
        else
        {
            foreach (var item in Model)
            {
                <tr>
                    <td>@item.IdNumber</td>
                    <td>@item.Firstname</td>
                    <td>@item.Middlename</td>
                    <td>@item.Lastname</td>
                </tr>
            }
        }
    </tbody>
</table>

-> Modify your index post action to

[HttpPost]    
public ViewResult Index(string searching)
    {
     return View("searchresult",db.TblId.Where(x => x.IdNumber.Contains(searching) || searching == null));
    }