So verwenden @ Html.BeginRouteForm für Suchformular

Question

Ich habe Formular Produkte suchen:

@using (Html.BeginForm("Search", "Results", FormMethod.Get, htmlAttributes: new { @class = "navbar-form navbar-left", role = "search" })) 
{ 
    <div class="form-group"> 
     <input type="text" name="txtSearch" class="form-control" placeholder="Products name..." /> 
     @Html.DropDownList("CategoryId", null, "Select category", new { @class = "form-control" }) 
     <select class="form-control" id="FromPrice" name="FromPrice"> 
      <option value="0">From price</option> 
      <option value="2000000">2,000,000d</option> 
      <option value="4000000">4,000,000d</option></select><select class="form-control" id="ToPrice" name="ToPrice"> 
      <option value="0">To price</option> 
      <option value="2000000">2,000,000d</option> 
      <option value="4000000">4,000,000d</option> 
      <option value="6000000">6,000,000d</option>      
     </select> 
     <input type="submit" class="btn btn-danger form-control" value="Search" /> 
    </div> 
} 

und eine Route in RouteConfig

routes.MapRoute(
    name: "SearchForm", 
    url: "ket-qua/{txtSearch}-{CategoryId}-{FromPrice}-{ToPrice}", 
    defaults: new { controller = "Results", action = "Search"} 
) 

Datei Wie kann ich die Route "Searchform" nennen, wenn Ich gebe das Suchformular oben mit allen Parametern ein.

Answer 1

Ihr Routing-Code wird so aussehen.

 routes.MapRoute(
     name: "SearchForm", 
     url: "ket-qua/", 
     defaults: new { controller = "Results", action = "Search"} 
    ) 

In Ihrem Sichtcode wird es so sein.

@using (Html.BeginRouteForm("SearchForm", FormMethod.Get, htmlAttributes: new { @class = "navbar-form navbar-left", role = "search" })) 

{

Ihr Controller-Code wird wie auf diese Weise sein.

Wenn Sie Ihre URL so wollen. Sie müssen das mit Javascript tun. Und müssen Controller-Code ändern und Code anzeigen.

 <input type="button" class="btn btn-danger form-control" value="Search"  onclick="newDoc()" /> 
     function newDoc() { 
     //here you bind all your data 
     window.location.assign("http://----------") 
     }