atlas 实现弹出窗口

今天刚练习使用了atlas 简单的实现了一个功能，下面代码如下。

  使用了AtlasControlToolkit.dll和Microsoft.Web.Atlas.dll

aspx页面代码：
            
        <cc1:ScriptManager ID="ScriptManager1" runat="server"> //EnablePartialRendering=true轻易不要加 ，加了后在刷新页面时 会弹出不知名错误提示框。
        </cc1:ScriptManager>

         //控制探出的控件
        <atlasToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server">
            <atlasToolkit:ModalPopupProperties TargetControlID="ButtonSave" PopupControlID="Panel10" BackgroundCssClass="modalBackground" DropShadow="True"  OkControlID="OkButton" OnOkScript="onOk()" CancelControlID="CancelButton" />
        </atlasToolkit:ModalPopupExtender>
        
         //弹出的对话框
            <asp:Panel ID="Panel10" runat="server" CssClass="modalPopup" Height="50px" Width="255px">
            <asp:TextBox ID="TextBox1" runat="server" Height="121px" TextMode="MultiLine" Width="238px"></asp:TextBox>&nbsp;
            <br />
            <asp:Button ID="OkButton" runat="server" Text="批准" Width="62px" />
            <asp:Button ID="CancelButton" runat="server" Text="退回" Width="61px" />
        </asp:Panel>



<script type="text/javascript">
   
    function onOk() {
                  __doPostBack('buttonok','');      //这里调用一个后台的单击按钮事件
    }
    </script>
   

<script language="javascript" type="text/javascript">      //执行后台事件。
   function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}

</script>




//css文件样式


/*Modal Popup*/
.modalBackground {
 background-color:Gray;
 filter:alpha(opacity=70);
 opacity:0.7;
}

.modalPopup {
 background-color:#ffffdd;
 border-width:3px;
 border-style:solid;
 border-color:Gray;
 padding:3px;
 width:250px;
}

转载于:https://www.cnblogs.com/tcdwj/archive/2006/09/22/511814.html