StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I think JavaScript is your only option here. The form tag can only submit to one URL, so if you want to avoid the RedirectProduct route (which I would agree, is awkward), you'll have to do javascript. Something like this (using jQuery) might do the trick:</p> <pre><code><script type="text/javascript"> function doredirect() { window.location="http://www.mysite.com/Products/" + $('#sku').val } </script> <% using (Html.BeginForm("ViewProduct", "Products")) { %> <%= Html.DropDownList("sku", ViewData.Model.ProductsList, new { onchange="doredirect" })%> <%-- Won't need this anymore: 'Html.SubmitButton()' --%> <% } %> </code></pre> <p>(DISCLAIMER: I haven't fully tested that out, but if you run in to problems, I'll try to help in the comments for this answer)</p> <p>Unfortunately, you lose the benefit of routing, since the URLs are generated on the client. If you change your routes, you'll have to manually update this code. One possible solution to that is to trick the routing system a little and generate a "template" URL on the server, to pass to your client code. Like this:</p> <pre><code><script type="text/javascript"> var urlTemplate = <%= Url.Action("ViewProduct", "Products", new { sku="__sku__" }) %> function doredirect() { window.location= urlTemplate.replace(/__sku__/,$('#sku').val) } </script> </code></pre> <p>(Same Disclaimer as above :P)</p> <p>The server-side code should generate a URL like: <code>http://mysite.com/Products/__sku__</code>, then the javascript replaces the <code>__sku__</code> token with the actual SKU.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload