me配合JQueryUI dialog实现登录对话框效果

野性酷女 2022-09-18 15:52 131阅读 0赞

先上图：

![b][]

其实里面的对话框是一个iframe，不把他们做到一个页面中主要方便模块式开发，而且可以带来禁用javascript的时候也能打开编辑界面的效果（当然关闭的时候还需要处理一下）：

![b][b 1]

主要代码：把iframe显示为一个模拟对话框：

$("<iframe id='editFrame' src='EditPersonPage.aspx?action=insert' />").dialog(\{ autoOpen: true, modal: true, title: "新增人员" \});

主界面：

CloseEditPage方法是关闭对话框并且刷新，供编辑对话框调用。

编辑界面中在保存关闭以后调用父窗口的方法：window.parent.CloseEditPage()关闭编辑对话框。

protected void FormView1\_ItemUpdated(object sender, FormViewUpdatedEventArgs e)  
        \{  
            ClientScript.RegisterStartupScript(GetType(), "close", "window.parent.CloseEditPage();", true);  
        \}

protected void FormView1\_ItemInserted(object sender, FormViewInsertedEventArgs e)  
        \{  
            ClientScript.RegisterStartupScript(GetType(), "close", "window.parent.CloseEditPage();", true);  
        \}

[b]: /images/20220828/d0a8e0e624b445429f3ef2bb508948fd.png
[b 1]: /images/20220828/04e2ba6c42d747a5ae1eb1edf71f6646.png