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

Question

我在Razor视图页面中使用`@ Html.Textbox（“searchString”）。 我需要这个文本框的值

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

当然，html动作链接中的搜索字符串部分现在不能正常工作，但我需要这个，因为我有根据搜索字符串工作的特定路由。

如何将文本框的值传递给操作链接？

我检查这个这个 ， 这个 ， 这个和这个 。

我尝试的是

<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>

仍然没有运气。 我理解Razor在服务器端渲染。

UPDATE

我在视图顶部有以下文本框：

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

此文本框是搜索框，用户可以在其中搜索项目。

有一个Action链接如下：

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

和路由配置：

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 }
        );
    }
}

现在我需要通过actionlink传递值作为我的路线图。 正如StephenMuecke在回答中所建议的，我试图用@using修改我的@using (Html.BeginForm("Index", "trans_junction", FormMethod.Get)) @using (Html.BeginForm("Index", "trans_junction", new { id = item.transaction_id }, FormMethod.Get))但在那里无法访问项目。

当用户点击搜索按钮时，url为http://localhost:57286/trans_junction/Index?searchString=20

如果用户点击Action链接url是http://localhost:57286/trans_junction/Index/88

但实际上我需要的是http://localhost:57286/trans_junction/Index/88/20

保留搜索结果并传递id。

我正在添加屏幕截图以便更好地理解。

这是没有搜索的索引视图。

这是searchString = 10的搜索结果。

这是在单击操作链接后查看项目，此处不保留搜索结果。

Answer 1

而不是手动尝试使用javascript操纵链接，使用method="get"的表单。 在你的循环内

@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
}

这将进行GET调用

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

假设您具有特定的路径定义

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

编辑 （根据更新的问题详细信息）

当您返回过滤结果时，您还需要将searchString的值传回视图，以便in in可用于在ActionLink()方法中生成路由值，例如

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

然后修改链接

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

Answer 2

您需要在事件上设置值，例如单击ActionLink，否则您如何知道要在Actionlink中替换的searchString文本框的值。 在您的网页上添加此JavaScript。

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

而你Razor查看actionlink需要

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

Answer 3

尝试：

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

ps为什么你不使用表单而不是链接并在有人输入searchString时提交表单？

无论谁低估了这个答案你都可以论证为什么或提出更好的解决方案？ 因为在他的情况下， searchString = Request.Form["inputID"]; 应该做他想要的。