UpdatePanel 内的 Jquery UI 对话框做奇怪的事情

Question

我有一个 DIV，其中有一个 asp:repeater，它根据数据将信息放入此 div 中。然后，我使用 Jquery 的 UI 对话框通过单击按钮向用户显示数据。这一切都很顺利。

因此，我希望能够将记录添加到填充中继器的数据中。我有屏幕的另一部分，人们可以在其中输入这些数据，并使用 ajax 调用将其保存到数据库中。这也很顺利。

然后，我想更新对话框上的数据，而不必完全回发到服务器。所以，这通常很容易。我将 div 放入 UpdatePanel 中，并从 Jquery 启动 __doPostBack。然后刷新数据，这在某种程度上也可以顺利进行。

一旦 __doPostBack 完成，div 就不再隐藏。它现在显示在我的页面上（请注意，更新的数据），但我用来显示对话框的 JavaScript 现在不再起作用。

一些调查表明：

1. 在页面的初始加载时，告诉 jquery 从 div 创建对话框的 javascript 从表单上的任何位置获取 div，并将其附加到 body 元素。
2. 当更新面板发回时，会重新创建 div，但是将其转换为对话框的 javascript 不会再次执行（我可以理解......我们还没有完全加载页面，因此 javascript 。
3. 这意味着该 div 不再是一个“对话框”，而是我的页面上的一个简单的 div，这不是我想要的，

所以，我的问题是：

有没有一种方法可以在 updatepanels 回发之后注入 javascript 会再次正确执行并创建对话框吗？

Answer 1

解决方案是根本不使用 Updatepanel，而只需使用通过 jquery ajax 调用接收到的数据更改 div 的innerHTML。

Answer 2

我找到了另一个解决方案。我将对话框初始化 javascript 放在一个名为 SetupDialog 的单独函数中，而不是放在 $(function () { }); 块内。

然后我在 Page_Load 中使用 ScriptManager.RegisterStartupScript 来注册脚本，以便它在每次更新面板更新时运行：

ScriptManager.RegisterStartupScript(this, GetType(), "SetupDialog", "SetupDialog();", true);

在这种情况下，该对话框仅在 UpdatePanel 更新后才起作用。如果您之前需要对话框，那么您也可以在 $(function () { }); 块内调用SetupDialog。