Ajax ToolKit --- ModelPopupExtender应用经验二则

目录：
有关于ModelPopupExtender应用（Open ModalPopup dialog on Page load ）
有关于ModelPopupExtender如何触发服务端事件

1.有关于ModelPopupExtender应用

<ajaxToolkit:ToolkitScriptManager runat="server" ID="ToolkitScriptManager" />

<div>

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mdlPopup" runat="server"

TargetControlID="btnNo" PopupControlID="pnlPopup" OkControlID="btnYes" BackgroundCssClass="modalBackground" />

<asp:Panel ID="pnlPopup" runat="server" CssClass="confirm-dialog" Style="display: none;">

<h2>

Show Wow!</h2>

<asp:Button ID="btnYes" runat="server" Text="Yes" />

<asp:Button ID="btnNo" runat="server" Text="No" OnClientClick="$find('mdlPopup').hide(); return false;" />

<asp:LinkButton ID="LinkButton1" runat="server" CssClass="close" OnClientClick="$find('mdlPopup').hide(); return false;" />

</div>

</asp:Panel>

</div>

</form>

//Page_Load Invoke

Sys.Application.add_load(function()

{

$find('mdlPopup').show();

});

</script>

截图：

相关问题地址：
关于使用ajaxToolkit

2. 有关于ModelPopupExtender如何触发服务端事件
触发服务端事件，大家一看就知道，很简单，直接写事件即可，那为什么在这里又要写这个呢？那个因为我在用AJAX,开发时,发现只要ModelPopupExtender中TargetControlID关联“修改”按钮的Id，之后。然后在运行界面时，点击“修改”按钮是不会触发Button的OnClick事件的。

<asp:Button ID="btnFixTheme" runat="server" Text="修改" OnClick="btnFixTheme_Click" />

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mdlPopup" runat="server" TargetControlID="btnFixTheme" PopupControlID="pnlPopup" Drag="true" BackgroundCssClass="modalBackground" />

为什么会这样呢？
答：那是因为ajax server control render一个有异步通信功能的代码，并没有在触发这个事件的按钮更改任何的代码，还是原来的__doPostBack('','')回发方式。ajax core part 会托管这个__doPostBack。而对于ajax control toolkit，则是在初始化whole client page时执行一段代码然后动态的给绑定的控件加入触发的代码。所以你也看不到例如一个LinkButton触发事件的变化。

解决代码：

protected void Page_Load(object sender, EventArgs e)

{

btnFixTheme.OnClientClick = "__doPostBack('" + this.btnFixTheme.UniqueID + "','')";

}

另外：附一点
如何动态添加trigger到updatePanel?

转载于:https://www.cnblogs.com/SoulStore/archive/2008/06/16/1222879.html

Ajax ToolKit --- ModelPopupExtender应用经验二则相关推荐

Ajax Toolkit日历控件CalendarExtender求教！
Ajax Toolkit新控件CalendarExtender(日历控件) 在DIV中被下拉框遮挡了,如何能让其不被遮挡? 转载于:https://www.cnblogs.com/jerryleee1 ...
【转】Step By Step在VS2008中完整配置Ajax Toolkit的使用（配图）
本文转自:http://www.cleocn.com/post/2008/06/Step-By-Step-in-VS2008-in-the-complete-configuration-of-the- ...
Ajax Toolkit AutoComplete 几种用法
AutoComplete控件是微软提供的 AJAX Control Toolkit 控件,是用来实现类似google 自动匹配和完成效果. AutoComplete控件的用法很简单,只需要页面一个Te ...
Ajax Toolkit 控件学习系列(5) ——CalendarExtender使用
Toolkit中给我们提供了很漂亮的CalendarExtender,而且我们还可以通过CSS自定义其显示的样式.今天简单学习下这个控件的简单使用. 还是先看效果. 首先,提示输入textbox中的内 ...
Ajax Toolkit 控件学习系列(13) ——FilteredTextBoxExtender 控制输入
这个控件的作用是对TextBox所要输入的内容进行过滤控制.按照自己需要过滤,可以自定义,再或者使用定义好的方式. 看效果. 效果不是很突出,说明下,就是只能输入大写字母和数字.因为加了限制,但是具体 ...
使用AJAX Toolkit创建新闻列表
我们很多站点上面都需要显示新闻列表,由标题和正文组成的.一般客户都希望实现这样的效果: 开始的时候只是显示标题,当点击标题的时候,再展开正文.再点击,又可缩回去. 这是典型的AJAX效果,或者说以前你 ...
体验AJAX Toolkit新控件：AutoCompleteExtender
AutoCompleteExtender控件,固名思义就是可以辅助TextBox控件自动输入,实现如http://dict.yodao.com/这样的效果. AutoCompleteExtender控 ...
Ajax Toolkit Control ——CollapsiblePanelExtender（隐藏显示效果）
[引用]"This extender targets any ASP.NET Panel control.You specify which control or controls on t ...
开始使用asp.net ajax的控件工具包AJAX Control Toolkit
我们来为我们的 toolbox 添加一些资源 , 这个要通过下载安装 asp.net ajax 工具包完成.登录 www.asp.net 点击 AJAX 按钮,然后找到 ASP.NET AJAX Co ...

Ajax ToolKit --- ModelPopupExtender应用经验二则

Ajax ToolKit --- ModelPopupExtender应用经验二则相关推荐

最新文章

热门文章