JQM弹出窗口中的提交按钮未命中MVC中的操作方法答案

【问题标题】：Submit button inside JQM popup not hitting action method in MVCJQM弹出窗口中的提交按钮未命中MVC中的操作方法
【发布时间】：2014-08-25 15:56:55
【问题描述】：

我的问题是提交按钮，它位于 Jquery Mobile 弹出窗口内并包含在 Form Razor 中，单击时没有点击控制器操作。

在下面找到我的代码：

锚标签调用 div 弹出窗口

<a data-role="none" data-theme="none" data-corners="false" style="text-decoration:none;" data-shadow="false" data-rel="popup" data-inline="true" href="#dvMPPopup" id="ancPopup_@i" class="ancQtyPopup">

Div 弹出窗口

      @using (Html.BeginForm("AdjustQuantity", "ManualPickingSearch", FormMethod.Post, new { @id = "formAdjustQty" , data_ajax="false"}))
    {
    <div data-role="popup" data-position-to="window" data-theme="a" class="ui-content" id="dvDPPopup">
    <div class="ui-grid-d" style="text-align: center; padding-left: 5%">
        <div class="ui-block-a" style="width: 15%; padding-left: 3%">
            <div class="HwySearchlblStyle">Qty Picked</div>
        </div>
        <div class="ui-block-b" style="padding-left: 1%; width: 7%">
            @Html.TextBoxFor(Model => Model.PKQLTM, new { data_corners = "false", id = "txtDPPkd" })
        </div>
        <div class="ui-block-c" style="padding-left: 10%; width: 23%">
            <div class="HwySearchlblStyle">Process Password</div>
        </div>
        <div class="ui-block-d" style="padding-left: 5%; width: auto">
            <div>@Html.PasswordFor(Model => Model.Password, new { data_corners = "false" })</div>
        </div>

        <div class="ui-block-e" style="padding-left: 1%;">
            **<input type="submit" id="btnDpadjQty" name="btnpopups" class="HwyTaskIcon" data-role="none" value="" />**
        </div>
        <div id="errorMsg"></div>
    </div>
</div>}

控制器动作方法

public ActionResult AdjustQuantity(...)
        {}

请帮帮我，我必须解决这个问题

【问题讨论】：

您的代码中的提交操作在哪里？！
我有输入类型 - 提交按钮是 input type="submit" id="btnDpadjQty" 所以点击这个我有一个表单剃须刀把我带到控制器
那么请把 ASP 创建的 HTML 贴出来。
只需在你的后控制器顶部使用 [HttPPost]。
hai @RobSchmuecker ：我使用 IE 开发人员工具看到的 html 不包含 div 弹出窗口上的表单标签

标签： jquery asp.net-mvc asp.net-mvc-4 jquery-mobile razor

【解决方案1】：

在 data-role="popup" 之后开始您的表单。就是这样。

<div data-role="popup" data-position-to="window" data-theme="a" class="ui-content" id="dvDPPopup">
@using (Html.BeginForm("AdjustQuantity", "ManualPickingSearch", FormMethod.Post, new { @id = "formAdjustQty" , data_ajax="false"}))
{
//Your remaining code
}
</div>

【讨论】：