ASPxPopupControl PopupWindow使用方法

最新推荐文章于 2017-09-25 18:05:01 发布

原创最新推荐文章于 2017-09-25 18:05:01 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ASPxPopupControl #PopupWindow

网络通讯专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了如何使用ASPxPopupControl在ASP.NET应用中创建并独立配置多个弹出对话框，包括设置高度、宽度、模态等属性，并提供了相应的JS代码示例来展示如何在客户端调用这些弹出窗口。

当用到多个弹出对话框时，你可以采用一个 ASPxPopupControl的多个PopupWindow来实现，这样每个PopuWindow都可以独立设置其高度、宽度以及模态等属性，如何使用PopupWindow呢，先在设计视图中配置多个Window,设计后的aspx如下：

<dx:ASPxPopupControl ID="PopupDialog" runat="server" CloseAction="CloseButton" PopupHorizontalAlign="WindowCenter" PopupVerticalAlign="WindowCenter">
<Windows>
<dx:PopupWindow HeaderText="窗口1" Height="300px" Modal="True" Width="300px">
<ContentCollection>
<dx:PopupControlContentControl runat="server">
</dx:PopupControlContentControl>
</ContentCollection>
</dx:PopupWindow>
<dx:PopupWindow HeaderText="窗口2" Height="200px" Modal="True" Width="200px">
<ContentCollection>
<dx:PopupControlContentControl runat="server">
</dx:PopupControlContentControl>
</ContentCollection>
</dx:PopupWindow>
</Windows>
</dx:ASPxPopupControl>

弹出对话框视窗0JS代码如下：

function Popupwin() {
var win = Popupwin.windows[0];
Popupwin.SetWindowContentUrl(win, url);
Popupwin.ShowWindow(win, 0);
}

关闭对话框视窗0JS代码如下：
function Closewin() {
var win = Popupwin.windows[0];
Popupwin.HideWindow(win);
}