asp.net mvc路由使用表单get具有2个动作和相同的视图

Question

I have url problem when doing search on page. So, I have Index View with a year textbox and a search button inside a form using GET method

Index.cshtml

@using (Html.BeginForm("Search", "Service", new { Year = Model.Year }, FormMethod.Get))
{
    <p>
        <div class="form-inline">
            @Html.EditorFor(model => model.Year, new { htmlAttributes = new { @class = "form-control", @placeholder = "Enter Year" } })
            <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Search</button>
        </div>
    </p>
}

I put Search as actionName in BeginForm because when redirect to Service/Index the service data should not be loaded at the first time. So, I'm using another Action, "Search" to handle this request, if the user doesn't enter the year then it will load all of the data, but if the user enter the year it will load the data based on the year.

Here is the controller to handle the request

ServiceController.cs

public ActionResult Index()
{
    var vm = new ServiceIndexViewModel();
    return View(vm);
}

public async Task<ActionResult> Search(int? year)
{
    var vm = new ServiceIndexViewModel();

    if (ModelState.IsValid)
    {
        var list = await service.Search(year);
        vm.Services = AutoMapper.Mapper.Map<IEnumerable<ServiceListViewModel>>(list);
    }

    return View("Index", vm);
}

and the custom route to handle the routing

RouteConfig.cs

routes.MapRoute(
    "ServiceSearch",
    "Service/Search/{Year}",
    new { controller = "Service", action = "Search", Year = UrlParameter.Optional }
);

// default route
routes.MapRoute(
    name: "Default",
    url: "{controller}/{action}/{id}",
    defaults: new { controller = "Company", action = "Index", id = UrlParameter.Optional }

);

but I've got the url like this:

http://localhost:18132/Service/Search?Year= or http://localhost:18132/Service/Search?Year=2017

and I want the url to be displayed like this

http://localhost:18132/Service/Search or http://localhost:18132/Service/Search/Year/2017

What's wrong with my routing? How to solve this?

Answer 1

First of all your route should be defined like this:

routes.MapRoute(
    "ServiceSearch",
    "Service/Search/Year/{Year}",
    new { controller = "Service", action = "Search", Year = UrlParameter.Optional });

But your problem is something else your code is not falling to this defined route and it falls to the default route. Make sure that the default route is bellow this route if it's still not working comment me here and I will tell you what I have in my mind.