0

编辑：阅读我的问题的底部，看看我实际上做了什么。不过，我接受了不同的答案，因为我的解决方案需要 AngularJS。

我正在使用 C# 4.0 和 MVC 3/Razor。我更愿意利用框架的现有功能，而不是制作我自己的辅助类。这就是我正在做的事情，简化：

这是我的模型：

我的模型.cs

public class MyModel
{
    public string Name { get; set; }
    public int ID { get; set; }
}

到目前为止，我的观点是：

索引.cshtml

@model IEnumerable<MyModel>

Please select a Model.

<select name="id">
    @foreach (var m in Model)
    {
        <option value="@(m.ID)">@(m.ID) - @(m.Name)</option>
    }
</select>

我的控制器：

我的控制器.cs

public class MyController : Controller
{
    public ActionResult Index() { /* ... */ }
    public ActionResult Display(int id) { /* ... */ }
    public ActionResult Delete(int id) { /* ... */ }
    public ActionResult Edit(int id) { /* ... */ }
}

在我看来，我想要三个提交按钮，每个链接到不同的控制器/动作，一个用于编辑、删除和显示。但是，我希望传递用户选择的 ID（通过 GET）。我该怎么做呢？

我知道我可以创建一个新的控制器动作，其唯一目的是根据type元素value的 我想绕过这一步。理想情况下，我想要类似的东西：submitinput

@using (Html.BeginForm("", "", FormMethod.Get))
{
    <select name="id">
        @foreach (var m in Model)
        {
            <option value="@(m.ID)">@(m.ID) - @(m.Name)</option>
        }
    </select>

    @Html.SubmitButton("Edit", "My")
    @Html.SubmitButton("Delete", "My")
    @Html.SubmitButton("Display", "My")
}

但是我找不到任何方法签名Html似乎可以做类似的事情。

编辑：

这就是我最终的结果。它使用一个名为 AngularJS 的 JavaScript 库，但不需要额外的 JavaScript 管道。它只是工作。

@model IEnumerable<MyModel>
<html>
    <head>
        <script type="text/javascript" src="../../Scripts/angular.js"></script>
    </head>
    <body ng-app>
        <select ng-model="ID">
            @foreach (var m in Model)
            {
                <option value="@(m.ID)">@(m.ID) - @(m.Name)</option>
            }
        </select>

        @{
            var forms = new[] 
            {
                new { ActionName = "Display", ControllerName = "My" },
                new { ActionName = "Edit", ControllerName = "My" },
                new { ActionName = "Delete", ControllerName = "My" }
            };

            foreach (var form in forms)
            {
                using (Html.BeginForm(form.ActionName, form.ControllerName, FormMethod.Get))
                {
                    <input type="submit" value="@(form.ActionName)" ng-disabled="ID == null"/>
                    <input type="hidden" name="id" value="{{ID}}"/>
                }
            }
        }

    </body>
</html>
4

2 回答 2

2

你可以（我有）使用属性来做到这一点。在尝试了几种不同的主题变体后，我选择了这个：

http://blog.ashmind.com/2010/03/15/multiple-submit-buttons-with-asp-net-mvc-final-solution/

它基本上根据您提交的名称进行路由。对于您的情况：

 <input type="submit" name="delete" value="Delete" />
 <input type="submit" name="Edit" value="Edit" />

和控制器

public class MyController : Controller {
    [HttpParamAction]
    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Edit(int id) {
    }

    [HttpParamAction]
    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Delete(int id) {

    }
}

属性

  public class HttpParamActionAttribute : ActionNameSelectorAttribute {
        public override bool IsValidName(ControllerContext controllerContext,  
                                       string actionName, MethodInfo methodInfo) 


 {

            if (actionName.Equals(methodInfo.Name,  
                                  StringComparison.InvariantCultureIgnoreCase))
                return true;

            if (!actionName.Equals("Action", 
                                   StringComparison.InvariantCultureIgnoreCase))
                return false;

            var request = controllerContext.RequestContext.HttpContext.Request;
            return request[methodInfo.Name] != null;
        }
    }
于 2012-09-25T19:20:35.767 回答
1

对于Editand Display，显然，您不需要提交表单。您可以为此使用 GET。因此 Html.ActionLink 辅助方法可用于显示一个链接，该链接将用户带到适当的屏幕（操作方法）。

要从链接中的下拉列表中传递所选项目的值，您可以在单击事件上使用 java 脚本获取所选值并将其发送到操作方法。

@Html.ActionLink("Edit","Edit","YourController",null ,new {@class="lnk"})
@Html.ActionLink("Display","Display","YourController",null ,new {@class="lnk"})
@Html.ActionLink("Delete","Delete","YourController",null ,new {@class="lnk"})

现在 javascript 来捕获这些链接的点击事件

$(function(){
  $("a.lnk").click(function(e){
     e.preventDefault();
     var targetUrl=$(this).attr("href");
     var selectedVal=$("#YourDropdownID").val();
     targetUrl=targetUrl+"?id="+selectedVal;
     window.location.href=url;
  });
});

对于删除，您可能会显示一个将用户带到确认屏幕的链接，并且您可以有一个提交按钮来执行HTTPPOST提交。

您可以自定义 CSS 以使a标签看起来像提交按钮

另外，不要在视图中使用 foreach 循环来渲染下拉列表。在 MVC 中已经有 HTML Helper 方法可以做到这一点。您应该始终使用它。这是一个解释如何做到这一点的答案。

于 2012-09-25T18:42:57.497 回答