HTML.BeginForm / Ajax.开始窗体在局部视图中不工作

Question

我有一个局部视图，其中包含表和数据是动态追加到该表。当我在表单中点击保存按钮时，我的控制器方法没有触发。

请参阅下面的代码查看我的部分视图。

 <div id="cavitypartial">
 <table id="CTable" class=" table table-bordered">
    <tr>
        <th></th>
        <th>C Name</th>
        <th>Number of C</th>
        @foreach (var item in Model.PLByS)
            {
            <th>@item.PLName (CT/sec)</th>
            }
        <th>Comments</th>
    </tr>
    @foreach (var item in Model.CByS)
        {
            //using (Html.BeginForm("CavityUpdate", "Cavity", FormMethod.Post, new { id = "tblCavity" }))
            using (Ajax.BeginForm("CavityUpdate", "Cavity", new AjaxOptions { HttpMethod = "POST", InsertionMode = InsertionMode.Replace, UpdateTargetId = "cavitypartial" }))
            {

                <tr id="@item.CavityID">
                    <td><a onclick='DeleteRow(this,@item.CavityID);'><img src='/Content/Images/trash_empty.png' class='btndelete' alt='x' /></a><a onclick='EditRow(this,@item.CavityID);'><img src='~/Content/Images/edit.png' class='btndelete' alt='x' /></a></td>
                    <td><input type="text" id="[e-mail]" name="[e-mail]" value="@item.CavityName" disabled /></td>
                    <td><input type="text" id="[e-mail]" name="[e-mail]" class="addcavity" value="@item.NumberOfParts" disabled /> <input type="hidden" id="[e-mail]" name="[e-mail]" /> </td>
                    @foreach (var Cavitem in Model.Cavities)
                    {
                        if (item.CavityID == Cavitem.CavityID)
                        {
                            <td><input type="text" id="c_@(item.CavityID)p_@(Cavitem.ProductLineID)" name="c_@(item.CavityID)p_@(Cavitem.ProductLineID)" class="addcavity" value="@Cavitem.Time" disabled /></td>
                        }
                    }
                    <td><input type="text" id="[e-mail]" name="[e-mail]" value="@item.comments" disabled /> <input type="hidden" id="[e-mail]" name="[e-mail]" /> </td>
                    <td id="Savecommand"><input type="submit" id="[e-mail]" value="Save" /></td>
                    <td id="Savecommand"><input type="button" id="[e-mail]" onclick="cancelEditing(this,@item.CavityID);" value="Cancel" /></td>

                </tr>
            }
        }
</table>
</div>

下面是我渲染局部视图的主页

<div id="cavitypartial">
@Html.Partial("CavityPartialView")
</div>

我现在使用任何其他形式，而不是这个。

下面是控制器代码:

   [HttpPost]
    public ActionResult CavityUpdate()
    {
        // logic
        }
        return RedirectToAction("Cavity", "Cavity", new { id = siteid });

    }

有谁能帮我一下吗?

Answer 1

最后我的控制器方法从局部视图触发。我所犯的错误是，我把Html。在div标签内开始表单。我把它移到外面，把整个局部视图放在BeginForm下面。

Answer 2

启用提交按钮。删除'disabled'属性。

编辑:不能将表单元素创建为表行。请尝试以下语法:

<table>
        @foreach (var item in Model.CByS) { 
        <tr>
            <td>
                @using(Ajax.BeginForm("CavityUpdate", "Cavity", new AjaxOptions { HttpMethod = "POST", InsertionMode = InsertionMode.Replace, UpdateTargetId = "cavitypartial" })){
                    //your code
                    <table>
                        <tr>
                            <td></td>
                        </tr>
                    </table>
                }
            </td>
        </tr>
        }
    </table>