请教:关于VS2008中的ModalPopupExtender

JaneAllen 2010-05-02 09:20:41
按照http://hi.baidu.com/yuye3618447378/blog/item/8972edfaf5fdb76d034f56f3.html上的代码做的网页,不报错,VS已经安装了AjaxControlToolkit,在左边的工具箱里建立了AjaxControlToolkit选项卡。但是Mathon运行之后,页面点击“LinkButton1”没有弹出窗口,怎么解决?多谢!
...全文
141 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
JaneAllen 2010-05-03
  • 打赏
  • 举报
回复
按照http://hi.baidu.com/yuye3618447378/blog/item/8972edfaf5fdb76d034f56f3.html上的代码做的网页,不报错,VS已经安装了AjaxControlToolkit,在左边的工具箱里建立了AjaxControlToolkit选项卡。但是Mathon运行之后,页面点击“LinkButton1”没有弹出窗口,怎么解决?多谢!

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="page2.aspx.cs" Inherits="page2" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!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>
<script type="text/javascript">

var styleToSelect;
function onOk()
{

document.getElementById("Parageraph1").className = styleToSelect;

}[/color] </script>
<style type="text/css">
.modalBackground //设置背景样式
{
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;

}

.modalPopup //设置panel样式
{
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}

.sampleStyleA
{
background-color:#FFF;
}

.sampleStyleB
{
background-color:#FFF;
font-family:monospace;
font-size:10pt;
font-weight:bold;
}

.sampleStyleC
{
background-color:#ddffdd;
font-family:sans-serif;
font-size:10pt;
font-style:italic;
}

.sampleStyleD
{
background-color:Blue;
color:White;
font-family:Arial;
font-size:10pt;
}



</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<p>
<a href="#Panel1">请点击这里变换文本</a>
</p>
<p id="Paragraph1">
今天天气不错挺风和日丽的<br />
我们下午没有课这天气挺爽的 <br />
我一大中午早早的跑去上自习心里啄么着大学生活是多么美好啊 ……<BR>
<asp:Button ID="LinkButton1" runat="server" Text="单击" />

</p>

<asp:Panel ID="Panel1" runat="server" Style="display: none">
<asp:Panel ID="Panel2" runat="server" CssClass="modalPopup" Width="309px">
<div>
<p>请选择页面风格:</p>
<p><input type="radio" name="Radio" id="RadioA" checked="checked" onclick="styleToSelect = 'sampleStyleA';" />
<label for="RadioA" class="sampleStyleA" style="padding: 3px;">风格样式一</label>
</p>
<p><input type="radio" name="Radio" id="RadioB" onclick="styleToSelect = 'sampleStyleB';" />
<label for="RadioB" class="sampleStyleB" style="padding: 3px;">风格样式二</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioC" onclick="styleToSelect = 'sampleStyleC';" />
<label for="RadioC" class="sampleStyleC" style="padding: 3px;">风格样式三</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioD" onclick="styleToSelect = 'sampleStyleD';" />
<label for="RadioD" class="sampleStyleD" style="padding: 3px;">风格样式四</label>
</p>
<p>
<label class="sampleStyleD" for="RadioD" style="padding-right: 3px; padding-left: 3px;padding-bottom: 3px; padding-top: 3px">
<span style="font-size: 12pt">
<span style="">
<span style="color: #000000">
</span>
</span>
</span>
</label>
<asp:Button ID="OkButton" runat="server" Text="确定" />
<asp:Button ID="CancelButton" runat="server" Text="取消" />
</p>
</div>
</asp:Panel>
</asp:Panel>

<asp:ModalPopupExtender ID="ModalPopupExtender" runat="server" TargetControlID="LinkButton1" PopupControlID="Panel1" BackgroundCssClass="modalBackground" OkControlID="OkButton" OnOkScript="onOk()" CancelControlID="CancelButton" DropShadow="true" Drag="true" PopupDragHandleControlID="Panel2">
</asp:ModalPopupExtender>



</div>




</form>
</body>
</html>

这个就是页面代码,因为是初学,我也不大拿得准什么是重要的还是不够相关的,大侠们,拜托了
JaneAllen 2010-05-03
  • 打赏
  • 举报
回复
多谢koukoujiayi,我才好不容易弄了个弹出窗口~~~ 吼吼
把那个updatepanel的ChildrenAsTriggers设置为false
updatemode改成conditonal就成了
多谢大家!
JaneAllen 2010-05-03
  • 打赏
  • 举报
回复
我试了一下,可以弹出窗口,但是就是闪一下,“关闭”按钮都不用点,闪一下它自动就关闭了,为什么?还是说我的VS2008有问题?
koukoujiayi 2010-05-03
  • 打赏
  • 举报
回复
楼上的
<cc1:ModalPopupExtender ID="Modal.......
</cc1:ModalPopupExtender>

根据你的机器可能要改成:
<asp:ModalPopupExtender ID="Modal.......
</asp:ModalPopupExtender>

koukoujiayi 2010-05-03
  • 打赏
  • 举报
回复
给你一个弹出窗口的小例子,代码不长,拷贝就可以用:
    <form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button ID="Button1" runat="server" Text="打开" />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
CancelControlID="Button2" PopupControlID="Panel1" TargetControlID="Button1">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" BackColor="#CCCCCC" Height="200px"
Width="300px" style="display:none">
AJAX弹出窗口<asp:Button ID="Button2" runat="server" Text="关闭" />
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</form>
JaneAllen 2010-05-03
  • 打赏
  • 举报
回复
我加了一段:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>

</ContentTemplate>
</asp:UpdatePanel>
但是依然不好使,崩溃中……
JaneAllen 2010-05-03
  • 打赏
  • 举报
回复
必须要有updatepanel么?要是用不上它也要么?
koukoujiayi 2010-05-03
  • 打赏
  • 举报
回复
用微软的AJAX,页面代码必须有:
1. <asp:ScriptManager ID="ScriptManager2" runat="server">
</asp:ScriptManager>

2. <asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
................
</ContentTemplate>
</asp:UpdatePanel>

楼主第2条没有!!
JaneAllen 2010-05-02
  • 打赏
  • 举报
回复
<asp:Button ID="LinkButton1" runat="server" Text="单击" />//这个就是触发弹出窗口的按钮


<asp:ModalPopupExtender ID="ModalPopupExtender" runat="server" TargetControlID="LinkButton1" PopupControlID="Panel1" BackgroundCssClass="modalBackground" OkControlID="OkButton" OnOkScript="onOk()" CancelControlID="CancelButton" DropShadow="true" Drag="true" PopupDragHandleControlID="Panel2">
</asp:ModalPopupExtender>

额 代码太多 我贴到空间里吧~~ 好长 我觉得哪都挺重要的 牵一发而动全身呵~~
koukoujiayi 2010-05-02
  • 打赏
  • 举报
回复
贴主要代码看看!
JaneAllen 2010-05-02
  • 打赏
  • 举报
回复
即使换成:
document.getElementById("Parageraph1").className = styleToSelect;
依然不行 ,点击按钮之后没有变化…… 郁闷ing
vip__888 2010-05-02
  • 打赏
  • 举报
回复
$get('Paragraph1').className = styleToSelect;
问题出在这里

他的$get是自己写的函数。
你要有自己对应的函数来使用。

document.getElementById("Parageraph1")
换成这样
JaneAllen 2010-05-02
  • 打赏
  • 举报
回复
除去了弹出窗口设置,但是依然没有变化……
vip__888 2010-05-02
  • 打赏
  • 举报
回复
检查Mathon是否阻止窗口弹出

62,266

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧