如何在同一视图中获取剃刀文本框的值？

Question

I am using `@Html.Textbox("searchString") in Razor view page. I need this value of textbox in

@Html.ActionLink("View Items", "Index", new { id = item.transaction_id, searchString = "Value of textbox"}).

Of course the search string part in html action link is not working right now but i need this as i have specific route which works according to search string.

How do i pass value of textbox to action link?

i check this this , this , this and this .

What i tried is

<script type = "text/javascript">
var value = document.getElementbyID("searchString").Text;
var link =  @Html.ActionLink("View Items", "Index", new { id = item.transaction_id, searchString = -1});
link.replace(-1,value);
</script>

Still no luck. I understand Razor renders at server side.

UPDATE

i have following textbox on the top of view:

    @using (Html.BeginForm("Index", "trans_junction", FormMethod.Get))
{
<p>
    Request No: @Html.TextBox("searchString")
    <span><input type="submit" value="Search Request" /></span>
</p>
}

This textbox is search box in which user can search items.

there is an Action link as follows:

 @Html.ActionLink("View Items", "Index", new { id = item.transaction_id }) |

and a route config:

public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}/{searchString}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional, searchString= UrlParameter.Optional }
        );
    }
}

Now i need to pass the values as my route map via actionlink. As suggested in answer by StephenMuecke, i tried to modify my @using (Html.BeginForm("Index", "trans_junction", FormMethod.Get)) with @using (Html.BeginForm("Index", "trans_junction", new { id = item.transaction_id }, FormMethod.Get)) but item is not accessible there.

When user click search button, url is http://localhost:57286/trans_junction/Index?searchString=20

if user click on Action link url is http://localhost:57286/trans_junction/Index/88

but i actually need is http://localhost:57286/trans_junction/Index/88/20

which preserve the the result of search and also pass the id.

I am adding screenshots for better understanding.

This is index view without search.

This is search result with searchString = 10.

This is after clicking the action link ie View Items, Here search results are not preserved.

Answer 1

Rather than manually trying to manipulate a link using javascript, use a form with method="get" . Inside your loop

@using (Html.BeginForm("Index", "trans_junction", new { id = item.transaction_id }, FormMethod.Get))
{
    @Html.TextBox("SearchString")
    <button type="submit">View Items"</button> // style as a link if desired
}

which will make a GET call to

[HttpGet]
public ActionResult Index(int id, string searchString)

which assumes you have a specific route definition with

url: "trans_junction/Index/{id}/{searchstring}",
defaults: new { controller = "trans_junction", action = "Index" }

Edit (based on updated question details)

When your returning the filtered results, you will also need to pass back the value of searchString to the view so that in can be used to generate the route value in the ActionLink() methods, for example

ViewBag.Filter = searchString;
return View(....);

and then modify the links to

@Html.ActionLink("View Items", "Index", new { id = item.transaction_id, searchString = ViewBag.Filter })

Answer 2

You need to set the value on an event such as clicking on the ActionLink otherwise how do you know the value of the searchString textbox to replace in the Actionlink. Add this javascript on your page.

$(function(){
    $("#myLink").click(function(){
        var link = $(this).attr("href");
        link.replace(-1, $(#searchString).val());
        var link = $(this).attr("href", link);
    });
});​​​​

And you Razor view actionlink needs to be

@Html.ActionLink("View Items", "Index", new { id = item.transaction_id, searchString = "-1"})

Answer 3

Try:

  @{
     var value = Request.Form["inputID"];
    }

ps why aren't you using a form in stead of the link and submit the form when someone enters a searchString ?

whoever downvoted this answer you could argument why or come up with a better solution? because in his case, searchString = Request.Form["inputID"]; should do what he is asking for.