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