编辑器模板中的Ajax

时间:2018-07-23 14:11:26

标签: c# asp.net-mvc mvvm asp.net-core asp.net-ajax

我对使用Asp.net Core 2的MVVM / MVC相当陌生。因此,如果这是一个简单的问题,请原谅我。哈。

我在视图中有一个编辑器模板。基本上是表单中的表单。当使用编辑器模板中的按钮提交时,我想使用AJAX更新该模板。我似乎无法使其正常工作。有可能吗?

<form asp-action="edit">

        //FORM FIELDS REMOVED FOR BREVITY

        <div class="hide" id="selectListItems">
            @Html.EditorFor(model => model.ovm.opt, "CreateCtrlOption")
        </div>

        <div class="form-group">
            <input type="submit" value="Save" class="btn btn-default" />
        </div>
    </form>

编辑器模板:

 <form asp-controller="ctrls" asp-action="CreateCtrlOption" data-ajax="true" 
data-ajax-method="POST" data-ajax-success="onSuccess" data-ajax-update="divOpts">
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <input type="hidden" name="CtrlId" id="CtrlId" value="@ViewBag.ctrlId" />

        <div class="form-group">
            <label asp-for="Value" class="control-label"></label>
            <input asp-for="Value" class="form-control" name="Value" />
            <span asp-validation-for="Value" class="text-danger"></span>
        </div>
        <div class="form-group">
            <input type="submit" value="Create" class="btn btn-default" />
        </div>
    </form>

除了onSuccess方法之外,我是否需要其他任何JavaScript才能起作用?

我确实引用过ajax。

提前谢谢!

1 个答案:

答案 0 :(得分:0)

要解决此问题,正如Stephen指出的,我删除了嵌套的表单引用。我还为编辑器模板中的“提交”按钮指定了一个URL操作。

就像

s = shape(M) M0 = np.zeros((s[1], s[0])) M0[tmp1.a, tmp1.b] += tmp1.n idx = np.where(M < M0) M[idx[:][0], idx[:][1]] = M0[idx[:][0], idx[:][1]]