навеяно Re: [ANN] ASP.NET AJAX beta 1

вот пример как можно создать и показать ModalDialog скриптом (пример использует masterPage из SampleWebSite пакета ControlToolkit ):


<%@ Page Language="C#" MasterPageFile="~/DefaultMaster.master"  AutoEventWireup="true" CodeFile="ModalPopup3.aspx.cs" Inherits="ModalPopup_ModalPopup3" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:ScriptManager id="ScriptManager" runat="server" >
    <Scripts>    
        <asp:ScriptReference Assembly="AjaxControlToolkit" Name="AjaxControlToolkit.Common.Common.js"  />
        <asp:ScriptReference Assembly="AjaxControlToolkit" Name="AjaxControlToolkit.ExtenderBase.BaseScripts.js"  />
         <!--<asp:ScriptReference Assembly="AjaxControlToolkit" Name="AjaxControlToolkit.DropShadow.DropShadowBehavior.js"  /> -->
        <asp:ScriptReference Assembly="AjaxControlToolkit" Name="AjaxControlToolkit.ModalPopup.ModalPopupBehavior.js"  />
    </Scripts>
</asp:ScriptManager>

<script>

function onClick()
{
    var modalDialog = new AjaxControlToolkit.ModalPopupBehavior ( $get( "btnOpen" ) );
    modalDialog.set_PopupControlID ( "<%=Panel1.ClientID %>");
    modalDialog.set_BackgroundCssClass( "modalBackground" ); 
    modalDialog.set_OkControlID ("Button1" );
    modalDialog.set_CancelControlID ("Button2" );
    modalDialog.set_OnOkScript ( function(){alert('OK')} );
    modalDialog.set_OnCancelScript ( function(){alert('Cancel')} );
    // modalDialog.set_DropShadow( true );
    modalDialog.initialize();
    modalDialog.show();
}
</script>

<div>
    <input type="button" value="open dialog" id="btnOpen" onclick="onClick();">
    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" style="display:none">
        <div style="width:400px;height:300px;">Этот модальный диалог был создан и показан на клиенте      
                <br><br><br><center><h2>кто здесь?</h2></center>
                </div>                  
        <input type="button" value="OK" id="Button1" >
        <input type="button" value="CANCEL" id="Button2" >        
    </asp:Panel>
</div>
</asp:Content>

Раскоментировав две строчки — добавим тень к нашему попапу.
что меня не очень порадовало — отсутсвие связей между скриптами. например чтобы заработал Popup — мне пришлось руками подключать скрипты от которых он зависит
AjaxControlToolkit.Common.Common.js
AjaxControlToolkit.ExtenderBase.BaseScripts.js
AjaxControlToolkit.DropShadow.DropShadowBehavior.js — тут причем зависимость "скрытая", работать будет до тех пор пока мы не установим modalDialog.set_DropShadow( true ).
Это усложняет жизнь разработчикам + имеется шанс на скрытые ошибки.

у нас например такое реализовано.
Надо бы им состряпать Feature request.... << RSDN@Home 1.1.4 stable SR1 rev. 568>>