ASP.NET AJAX弹出页面作为模式窗口

Question

我想使用.aspx页的模式弹出窗口将数据添加到数据库。

所以我有一个网格，上面有一些雇员的SQL表数据。 我想在此页面上的某个位置有一个按钮或链接，以使用户可以将记录添加到数据库，然后刷新网格以显示新数据。

我有一个addEmployee.aspx，我想在模式窗口中弹出该窗口（并使底层页面变暗，就像我在某些站点上看到的那样），该窗口允许用户输入数据并保存到addEmployee.aspx中的数据库中。 此页面中封装了用于此工作的所有sql和验证逻辑。 添加完成后，我想提醒用户它去了（可能最好是在关闭弹出窗口并在主页上显示一条消息之后，我也想从数据库中刷新数据网格信息，以便它可以反映新的记录已添加。

有人可以指出我要获得此类功能的方向，而无需花费数周的时间来获得它。

如果您有更好的解决方案，我全都可以!!!

谢谢

Answer 1

如果可以将addEmployee.aspx功能封装到用户控件中，则可以将此用户控件（addEmployee.ascx）添加到带有网格的页面中（例如viewEmployee.aspx）

然后，使用模式弹出扩展程序（如果使用的是ajax控件工具包），可以显示此addEmployee.ascx控件，其中用户具有保存按钮以及用于添加雇员的相应逻辑。

同样，如果您使用的是updatepanels（再次使用ajax控件工具包），则可以执行listofEmployeeUpdatePanel.Update（）来刷新网格中的项目列表。

这就是我当前在当前应用程序中实现非常相似的用例的方式。

这种方法的一个缺点是：addEmployee.ascx用户控件是原始页面的一部分，并且无论是否使用它都会增加大小。

Answer 2

在您的情况下，您可以使用jquery facebox插件显示模式弹出窗口，也可以引用非常灵活且易于使用的JavaScript原型。

对于Facebox，Facebox允许将iframe显示为模式弹出窗口。 因此您可以将链接放入iframe。 替代“ facebox”的是带有漂亮gui的“ fancybox”。 它很棒，因为我以前用过。

希望这会帮助你。

Answer 3

您可以将IFrame放在模式中，指向addEmployee.aspx。 然后，在主页上添加一个隐藏按钮，例如：

<div style="visibility: hidden; display: none;">
    <asp:Button ID="btnHidden" runat="server" />
</div>

将Cick甚至添加到隐藏的按钮，该按钮应包含更新网格的代码：

protected void btnHidden_Click(object sender, EventArgs e)
{
  //Hidden button was clicked.  Update grid.
}

然后，在addEmployee.aspx中的“添加”单击事件上，添加代码以告知主页提交并更新网格：

  private void SubmitParentPage()
    {
        ScriptManager.RegisterStartupScript(Page, Page.GetType(), "submitHiddenButton", "window.parent.submitHiddenButton();", true);
    }

这是在主页上调用的javascript函数：

function submitHiddenButton() {
    var btn = $get('<%= btnHidden.ClientID %>');
    btn.click();
}