利用AjaxControlToolkit实现 tab+弹出对话框+弹出对话框内内容ajax方式交互

最新推荐文章于 2014-06-04 16:15:16 发布
最新推荐文章于 2014-06-04 16:15:16 发布
阅读量1.6k 收藏
点赞数
分类专栏： .Net 前端技术 文章标签： ajax server stylesheet asp button border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ikmb/article/details/3122530
版权

层次关系:

 

 

本文作者:ikmb@163.com

 

代码:

  1. <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" >
  6. <head runat="server">
  7.     <title>目录管理</title>
  8.     <link href="../../css/common.css" rel="stylesheet" type="text/css" />
  9.     <link href="../../css/ModalPopupExtender.css" rel="Stylesheet" type="text/css" />
  10. </head>
  11. <body style="margin-left:15px; margin-top:0px;">
  12. <form id="form1" runat="server">
  13.     <asp:ScriptManager ID="ScriptManager1" runat="server">
  14.     </asp:ScriptManager>
  15.     <table width="100%" border="0" cellspacing="0" cellpadding="0">
  16.   <tr>
  17.     <td height="50">
  18.         <img alt="" align="bottom" border="0"  src="../../UI_Img/man.gif" /> <span class="title12">当前操作：</span>目录（功能）管理</td>
  19.   </tr>
  20.   <tr>
  21.     <td style="border-top: 2px solid #000000;"> </td>
  22.   </tr>
  23.   <tr>
  24.     <td>
  25.      <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" 
  26.             Height="295px" Width="592px">
  27.             <cc1:TabPanel runat="server" HeaderText="目录管理" ID="TabPanel1">
  28.                 <HeaderTemplate>
  29.                     目录管理
  30.                 </HeaderTemplate>
  31.                 <ContentTemplate>
  32.                     <asp:Button ID="Button_Add_Root_Nood" runat="server" Text="添加根目录" />
  33.                     
  34.                     
  35.                     
  36.                         <!--动态窗口 A-->
  37.                         <asp:Panel ID="Panel_Add_Root_Nood" runat="server" CssClass="modalPopup" Style="display:" Width="300px">
  38.                             <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  39.                                 <ContentTemplate>
  40.                                     <asp:Panel ID="Panel_Add_Root_Nood2" runat="server">
  41.                                         <table style="width: 100%;">
  42.                                             <tr>
  43.                                                 <td>
  44.                                                      
  45.                                                 </td>
  46.                                                 <td>
  47.                                                      
  48.                                                 </td>
  49.                                                 <td>
  50.                                                      
  51.                                                 </td>
  52.                                             </tr>
  53.                                             <tr>
  54.                                             
  55.                                                 <td colspan="3">
  56.                                                     
  57.                                                     <asp:Button ID="add_fun_page" runat="server" οnclick="add_fun_page_Click" Text="添加" />
  58.                          
  59.                                                     <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
  60.               
  61.                                                 </td>
  62.                                                 
  63.                                             </tr>
  64.                                             <tr>
  65.                                                 <td>
  66.                                                      
  67.                                                 </td>
  68.                                                 <td>
  69.                                                      
  70.                                                 </td>
  71.                                                 <td>
  72.                                                      
  73.                                                 </td>
  74.                                             </tr>
  75.                                         </table>
  76.                                     </asp:Panel>
  77.                              </ContentTemplate>
  78.                            </asp:UpdatePanel>
  79.                             <div align="center">
  80.                               <asp:Button ID="OkButton" runat="server" Text="OK" />
  81.                               <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
  82.                             </div>
  84.                         </asp:Panel>
  85.                         <!--动态窗口 B-->
  86.                         
  87.                     
  88.                     
  89.                     <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" 
  90.                         DynamicServicePath="" 
  91.                         Enabled="True" 
  92.                         TargetControlID="Button_Add_Root_Nood"
  93.                         PopupControlID="Panel_Add_Root_Nood"
  94.                         OkControlID="OkButton"
  95.                         CancelControlID="CancelButton"
  96.                         >
  97.                     </cc1:ModalPopupExtender>
  98.                 </ContentTemplate>
  99.             </cc1:TabPanel>
  100.         </cc1:TabContainer>
  101.     </td>
  102.   </tr>
  103. </table>
  105.     
  106.     </form>
  107. </body>
  108. </html>

 

ikmb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX弹出提示信息效果
11-21
javascript js AJAX弹出提示信息效果
AjaxControltoolkit学习笔记—ModalPopup使用详解
weixin_30800987的博客
01-01 138
2008-03-01 21:47 十七．ModalPopup ModalPopup 控件允许将 Web 页面中的一个部分以视窗程序中的“模式”形式显出来，起到提示用户操作和避免对页面中其它部分的误操作的作用。 “模...
JQuery实现的几个弹出框实现绝对美观
热门推荐
我的博客新地址： http://www.n-pei.com
06-23 6万+
 最近使用到JQeury写的几个比较好的Popup DialogBox,觉得不错。和大家分享下。使用它们结合.net可以实现很好的效果。 1.jqpopup:是个可以拖拽,缩放并可以在它上面显示html页面上任何一个控件组合的控件。可以和后面的主页面通信。   使用方法:先调用这几个js文件,可以自提供的下载地址下载。在html里面添加一个div:   
AJAXControlToolKit的ModalPopup控件
06-28
ModalPopup控件允许一个asp页面的部分内容以对话框的模式显示给用户,同时会限制用户于页面的其他部分交互。对话框显示的内容可以是一个层级,这个层级的背景可以使用户自定义的格式,简单的理解好比是一个对话框弹出来后,主页面会显示灰色,且不可操作。
Tab控件（类型于AJAX里的TAB控件）
04-23
在Tab控件中，如果每个标签页的内容需要从服务器获取，可以利用AJAX异步加载，提高页面响应速度。 1. 异步加载：当用户点击一个新的标签时，使用AJAX发送请求到服务器，获取对应的内容数据，然后动态地将这些数据...
AjaxControlToolkit控件
08-05
在AjaxControlToolkit中，许多控件都利用了AJAX技术来实现无刷新交互，例如TabContainer控件。 "多Tab页"是Web界面设计中常见的布局方式，尤其是在管理面板或者设置页面中。AjaxControlToolkit的TabContainer控件...
商业编程-源码-Asp.net2.0实现简易菜单Tab切换.zip
06-20
在Asp.net中，可以通过多种方式实现Tab切换，例如使用UpdatePanel、AjaxControlToolkit的TabContainer控件或者自定义JavaScript/jQuery实现。 1. **母版页与内容页**：Asp.net2.0的母版页允许开发者创建统一的页面...
AjaxControlToolkit之Tabs控件Demo
12-12
AjaxControlToolkit是ASP.NET开发人员的一个宝贵资源，它提供了许多增强交互性的AJAX控件，使得Web应用更加动态且无需页面刷新。 首先，让我们了解什么是AjaxControlToolkit。AjaxControlToolkit是由DevExpress公司...
Atlas中UpdatePanel无刷新Tab切换源码.zip
06-18
此“Atlas中UpdatePanel无刷新Tab切换源码.zip”压缩包包含的是一个示例项目，展示了如何利用UpdatePanel实现Tab控件的无刷新切换。这个功能在网页设计中非常常见，特别是在构建复杂且数据丰富的Web应用时，能够减少...
AJAX扩展控件ModalPopupExtender([代码控制]弹出模式对话框)的使用方法总结
zjj780320380的专栏
05-12 176
运行后的页面如下： 页面代码： 无标题页 <!--.fontStyle{ font-family:"宋体"; font-weight:bold; text-align:center; color:#660099; } .bgcss{ background-color:Gray; filter:al
AjaxControlToolKit ----ConfirmButtonExtender (确认提示框按钮扩展)的简单使用方法
技术成长历程
10-28 2136
 ConfirmButtonExtender  大概就是 确认提示按钮扩展 的意思吧。 ConfirmButtonExtender的作用就是给一些控件（Button  LinkButton ImageButton等）的点击事件增加一个类似 javascript的 alert("mesage") 功能 开始在微软的官方站中看的一段视频，上面开始介绍了ajaxControlTool
ASP.NET中的MessageBox
心亦❤
12-10 2826
asp.net中没有MessageBox这个控件,所以只能变通实现,主要有这几种方法 　　 　　1.直接利用javascript的alert和confirm函数: 　　在服务端的写法是: 　　1)alert 　　ScriptManager.RegisterStartupScript(this, typeof(Page), Guid.NewGuid().ToString(), "alert
使用ajax()方法和后台交互
06-04 409
ajax()方法是jQuery底层的ajax实现，通过HTTP请求加载远程数据。 　　 1 $.ajax({ 2 type: "GET", 3 url: "handleAjaxRequest.action", 4 data: {paramKey:paramValue}, 5 async: true, 6
TabContainer控件
08-13 1040
1.在设计图上添加一个TabContainer控件,两个UpdatePanel,在UpdatePanel里加入Label和Button2,在添加 TabPanel控件时,在设计图中是添加不上去的,需要在                                                                   //TabPanel代码        
jquery表格插件DataTables 合计功能(当前页)
ikmb的专栏
08-21 1万+
ikmb@163.com 1.table中添加 当前页合计 2.js var addd=0; $(docume
jquery table展开 折叠效果
ikmb的专栏
12-14 1万+
今天要做一个table的展开 折叠效果，想起以前自己收藏了一个，寻无果，索性自己做一个html xmlns="http://www.w3.org/1999/xhtml">head>    meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    title>无标题文档title>    script langu
AjaxControlToolkit详解：Accordion控件的使用与技巧
Accordion控件是Ajax Control Toolkit中的一个重要组件，它提供了在网页上组织内容的方式，使得用户可以方便地浏览多个面板（AccordionPane）中的内容，而不会被过多的信息所淹没。每个AccordionPane包含头部...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值