您的位置：首页 > 运维架构

AjaxControlToolkit ModalPopup 实现模态窗口

2009-10-21 00:51 441 查看

Html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
.aaa
{
background-color:#ccc;
}
</style>
<script type="text/javascript">
var styleToSelect;
function onOk() {
//在这里写代码
}

function pageLoad(sender,args) {
$find("ModalPopupExtender1").add_showing(onModalShowing);
}

function onModalShowing(sender,args){
$get("pnlViewCustomer").style.backgroundColor="yellow";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div><asp:Button ID="btnViewMore" runat="server" Text="Button"
onclick="btnViewMore_Click" /><asp:Button ID="Button1" runat="server"
Text="Button" onclick="Button1_Click" />
<asp:Panel ID="pnlViewCustomer" runat="server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div style="height:200px; width:300px; background-color:#fff;">
<div><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
<asp:Button ID="viewBox_OK" runat="server" Text="Button"
onclick="viewBox_OK_Click" /></div>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<div>
</asp:Panel>
<act:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnViewMore" BackgroundCssClass="aaa" PopupControlID="pnlViewCustomer" OnOkScript="viewBox_OK">
</act:ModalPopupExtender>
</div>
</form>
</body>
</html>

C#代码：

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
}
}

protected void btnViewMore_Click(object sender, EventArgs e)
{

}

private void InitDialog()
{
this.Label1.Text = "aaa";
}

protected void Button1_Click(object sender, EventArgs e)
{
InitDialog();
UpdatePanel1.Update();
ModalPopupExtender1.Show();
}

protected void viewBox_OK_Click(object sender, EventArgs e)
{
ModalPopupExtender1.Hide();
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航