为什么我的按钮没有在控制器中调用操作？答案

【问题标题】：Why my button is not calling action in the controller?为什么我的按钮没有在控制器中调用操作？
【发布时间】：2017-10-26 19:05:01
【问题描述】：

我有 EDITSTORIES 部分视图，它必须将数据发布到 Stories 控制器中的 UpdateStories 操作，但事实并非如此。它甚至没有达到断点。

@using (Html.BeginForm("UpdateStories", "Stories", FormMethod.Post, new{enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>Stories</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.HiddenFor(model => model.ID)

        <div class="form-group">
            @Html.LabelFor(model => model.Image, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Image, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Image, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Story, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Story, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Story, "", new { @class = "text-danger" })
            </div>
        </div>


        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Update" class="btn btn-default" />
            </div>
        </div>
    </div>
}

行动：

   [HttpPost]
        public ActionResult UpdateStories(Stories st)
        {    
            ViewBag.Grid= bo.GetAllImages();

            if (bo.UpdateImages(st))
            {
                ViewBag.Data = "Updated successfully";
            }
            else 
            {
                ViewBag.Data = "Update failed";
            }

            ViewBag.Style = "display:none";    
            return View("GetStories", st);   
        }
    }

它位于主视图 GetStories 内。这是漫长的一天，仍然没有完成。请帮帮我。

更新：

路线：

  routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Stories", action = "AddStories", id = UrlParameter.Optional }
            );
            routes.MapRoute(
                name: "ShowStories",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Stories", action = "ShowStories", id = UrlParameter.Optional }
            );

更新：

查看：GetStories

@model HimHer.Models.Stories

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using (@Html.BeginForm("GetStories", "Stories", FormMethod.Get))
{
        @Html.AntiForgeryToken()

    <div style="@ViewBag.Style">
        @{
            Html.RenderPartial("EditStories", Model);
        }


    </div>

    <hr />
    var listData = (List<HimHer.Models.Stories>)ViewBag.Grid;

    WebGrid wgImages = new WebGrid(listData, rowsPerPage: 20);
    @wgImages.GetHtml(tableStyle: "table table-condensed table-bordered table-striped table-responsive",
columns: wgImages.Columns(
                      wgImages.Column
                      (columnName: "Image", header: "Image"),
                      wgImages.Column
                      (columnName: "Story", header: "Story"),
                      wgImages.Column
                      (columnName: "Image", header: "Download", format: (testItem) => Html.ActionLink("Download", "DownloadStories", new { filename = testItem.Image })),
                      wgImages.Column
                                         (header: "Edit", format: (testitem) => Html.ActionLink("Edit", "EditStories", new { ID = testitem.ID, Story = testitem.Story, Image = testitem.Image, HiddenID = 1 }))
                     )
);



}

<h2>Index</h2>

【问题讨论】：

表单发布响应的状态码是什么？
您没有在问题中显示您的路线。或控制器的名称。
@mason 更新并且控制器是故事
@Jasen：没有，它带我回到 GetStories
这就是问题所在！你不能有嵌套的表单！！！！

标签： c# asp.net asp.net-mvc asp.net-mvc-4 asp.net-web-api

【解决方案1】：

您的代码将生成 2 个表单，它们是嵌套的！。

<form action="/Stories/GetStories">
   <form action="/Stories/UpdateStories">
      <input type="submit" />
   </form>
</form>

嵌套表单无效！这就是原因，当您从局部视图中单击内部表单的提交按钮时，它正在提交为外部表单定义的操作方法。

您不应该嵌套表单。因此，将调用移至 BeginForm 调用之外的 RenderPartial。

查看您共享的代码，主视图中不需要表单标签，因为您没有任何必须提交的表单数据。因此，只需将其删除即可。

如果您绝对想要在主视图中使用另一个表单，请确保它不会创建嵌套表单的情况。您可以在同一个视图中同时拥有 2 个表单

@using (@Html.BeginForm("GetStories", "Stories", FormMethod.Get))
{
   <!-- Some form elements needed for this form -->     

}

@{ Html.RenderPartial("EditStories", Model); }

【讨论】：