Question

我有一个包含项目列表的视图。每个项目都有一个文本框和一个按钮。在控制器操作中单击按钮的项ID是什么的最佳方法是什么？我需要控制器操作中相关文本框的值，所以我认为我不能使用操作链接。

Answer 1

有很多方法可以做到这一点。有些使用javascript，有些则没有。我个人更喜欢不使用javascript作为基本功能，除非你的设计本身是基于javascript的（例如使用ajax）

例如，您可以将每个项目包装在其自己的表单中，并使用不同的提交值。请注意不要嵌套表单，因为这不是有效的HTML。

例如：

@using(Html.BeginForm("MyAction", "MyController", new { id=1 })) {
    <input type="submit"/>
    @Html.TextBox("TheValue", "One")
}

@using(Html.BeginForm("MyAction", "MyController", new { id=2 })) {
    <input type="submit"/>
    @Html.TextBox("TheValue", "Two")
}

public ActionResult MyAction(int? id, string TheValue) {
     // if they click the first one, id is 1, TheValue = "One"
     // if they click the second one, id is 2, TheValue = "Two"
}

Answer 2

这个答案是使用jquery - 如果你不知道如何将jQuery添加到你的视图中或只是根本不想使用它让我知道，我可以重新解决这个问题

我会做这样的事情

<li>
   <input type="text" id="1" name="1" class="whatever" />
   <input type="button" value="CliCk mE" class="myButton" />
</li>
<li>
   <input type="text" id="2" name="2" class="whatever" />
   <input type="button" value="CliCk mE" class="myButton" />
</li>
<input type="hidden" id="myHiddenText" name="myHiddenText" />

然后添加这个jQuery：

<script>
$(function(){
   $('.myButton').click(function(){
       // this is how to get the closest textbox
       // you didn't show your html , maybe .prev() or .next()
       var textValue = $(this).closest("input[type='text']").val();

       // this sets your hidden field with the value from desired textbox
       $('#myHiddenText').val(textValue);
    });
});
</script>

现在，当您将此表单提交给服务器时，您可以在服务器上使用myHiddenText

    public ActionResult Index(string myHiddenText = "")
    {
        // hidden fields in the HTML form automatically get passed to server on submit
        return View();
    }

Answer 3

最好的选择是使用jquery，但如果你只想使用c＃，我建议如下：

我想你正在使用某种重复的声明（for或foreach）来生成你的文本框，所以我要做的是在foreach中创建一个表单，这个新表单将包含你的文本框，而foreach项目你将通过textbox id到表单提交。

像这样的伪代码：

foreach(item in array){
  <form action="address/"@item.Id>
    <input type="text" value=""/>
    <input type="submit" value="submit textbox"/>
  </>
}

MVC表单上的多个按钮 - 在动作控制器中获取项目ID

3 个答案: