JQueryUI dialog实现登录对话框效果

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

<script type="text/javascript">
    var insertClick = function(e) {
        $("<iframe id='editFrame' src='EditPersonPage.aspx?action=insert' />").dialog({ autoOpen: true, modal: true, title: "新增人员" });
        e.preventDefault();
    };
    var editClick = function(e) {
        var editUrl = "EditPersonPage.aspx?action=edit&id=" + $(this).attr("rowid");
        $("<iframe id='editFrame'/>").attr("src", editUrl).dialog({ autoOpen: true, modal: true, title: "编辑人员" });
        e.preventDefault();
    };
    $(function() {
        $("#linkInsert").click(insertClick);
        $("a[action=edit]").click(editClick);
    });
    function CloseEditPage() {
        $("#editFrame").dialog("close");
        document.location.reload();
    }
</script>

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);
}