Question

我的问题是提交按钮放在Jquery Mobile弹出窗口内并封装在Form Razor中，单击时不会触及Controller Action。

在下面找到我的代码：

锚标记，它会调用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 Popup

      @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(...)
        {}

Plase帮助我们，我必须解决这个问题

Answer 1

只需在data-role =＆＃34; popup＆＃34;之后启动您的表单。那就是它。

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

在JQM弹出窗口中提交按钮而不是在MVC中命中动作方法

1 个答案: