Ajax ToolKit ModelPopupExtender应用经验二则

目录：
    有关于ModelPopupExtender应用（Open ModalPopup dialog on Page load ）
    有关于ModelPopupExtender如何触发服务端事件

1.有关于ModelPopupExtender应用

<form id="Form1" runat="server">
        <ajaxToolkit:ToolkitScriptManager runat="server" ID="ToolkitScriptManager" />
        <div>
            <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mdlPopup" runat="server"
                TargetControlID="btnNo" PopupControlID="pnlPopup" OkControlID="btnYes" BackgroundCssClass="modalBackground" />
            <asp:Panel ID="pnlPopup" runat="server" CssClass="confirm-dialog" Style="display: none;">
                <div class="inner">
                    <h2>
                        Show Wow!</h2>
                    <div class="base">
                        <asp:Button ID="btnYes" runat="server" Text="Yes" />
                        <asp:Button ID="btnNo" runat="server" Text="No" OnClientClick="$find('mdlPopup').hide(); return false;" />
                        <asp:LinkButton ID="LinkButton1" runat="server" CssClass="close" OnClientClick="$find('mdlPopup').hide(); return false;" />
                    </div>
                </div>
            </asp:Panel>
        </div>
    </form>

    <script type="text/javascript">  
//Page_Load Invoke          
           Sys.Application.add_load(function() 
            { 
               $find('mdlPopup').show();
            });
    </script>

截图：

相关问题地址：
关于使用ajaxToolkit

2. 有关于ModelPopupExtender如何触发服务端事件
    触发服务端事件，大家一看就知道，很简单，直接写事件即可，那为什么在这里又要写这个呢？那个因为我在用AJAX,开发时,发现只要ModelPopupExtender中TargetControlID关联“修改”按钮的Id，之后。然后在运行界面时，点击“修改”按钮是不会触发Button的OnClick事件的。
    

 <asp:Button ID="btnFixTheme" runat="server" Text="修改" OnClick="btnFixTheme_Click" />
 <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mdlPopup" runat="server" TargetControlID="btnFixTheme"  PopupControlID="pnlPopup" Drag="true" BackgroundCssClass="modalBackground" />

     为什么会这样呢？
     答：那是因为ajax server control render一个有异步通信功能的代码，并没有在触发这个事件的按钮更改任何的代码，还是原来的__doPostBack('','')回发方式。ajax core part 会托管这个__doPostBack。而对于ajax control toolkit，则是在初始化whole client page时执行一段代码然后动态的给绑定的控件加入触发的代码。所以你也看不到例如一个LinkButton触发事件的变化。

   解决代码：

 protected void Page_Load(object sender, EventArgs e)
        {
            btnFixTheme.OnClientClick = "__doPostBack('" + this.btnFixTheme.UniqueID + "','')";
}

另外：附一点
   如何动态添加trigger到updatePanel?

private MethodInfo triggerInitMethod = typeof(UpdatePanelTrigger).GetMethod("Initialize", BindingFlags.NonPublic | BindingFlags.Instance);


        /**//// <summary>
        /// 动态加载Button's Trigger
        /// </summary>
        internal void DynamicRegisterTrigger()
        {
            AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
            trigger.ControlID = "btSubmit";

            upPriceInfo.Triggers.Add(trigger);

            if (ScriptManager.GetCurrent(this.Page).IsInAsyncPostBack)
            {
                triggerInitMethod.Invoke(trigger, null);
            }
        }