动态加载表单时重新连接多个 Ajax.BeginForms答案

【问题标题】：Reconnecting multiple Ajax.BeginForms when dynamically loading the forms动态加载表单时重新连接多个 Ajax.BeginForms
【发布时间】：2013-07-17 04:15:31
【问题描述】：

我的表格很长，由多个部分组成，每个部分都有自己的问题。每个部分都可以使用<input type="submit" value="Save" /> 按钮独立保存。

每个部分都被动态加载到页面中（并且有可变数量的部分）。

每个表单都是作为 Ajax.Begin() ajax 表单单独编写的，但是随着表单的动态加载，UnobtrusiveJavaScript 不会绑定提交按钮，它们会执行标准回发。

重新连接提交按钮的 ajax 功能的最简单方法是什么？

【问题讨论】：

看我的回答stackoverflow.com/questions/2183475/…

标签： asp.net-mvc-4 razor unobtrusive-javascript ajax.beginform

【解决方案1】：

在检查了 UnobtrusiveJavaScript 的源代码（它非常小）之后，它会使用 .on('submit') 留下永久的事件处理程序，因此它应该只适用于动态加载的页面。

原来主表单缺少包含 UnobtrusiveJavaScript：

@Scripts.Render("~/bundles/jqueryval")

当这种事情发生时值得检查提琴手:)

【讨论】：