利用AjaxControlToolkit实现 tab+弹出对话框+弹出对话框内内容ajax方式交互
2008-10-22 09:37
531 查看
层次关系:
本文作者:ikmb@163.com
代码:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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>目录管理</title>
<link href="../../css/common.css" rel="stylesheet" type="text/css" />
<link href="../../css/ModalPopupExtender.css" rel="Stylesheet" type="text/css" />
</head>
<body style="margin-left:15px; margin-top:0px;">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50">
<img alt="" align="bottom" border="0" src="../../UI_Img/man.gif" /> <span class="title12">当前操作:</span>目录(功能)管理</td>
</tr>
<tr>
<td style="border-top: 2px solid #000000;"> </td>
</tr>
<tr>
<td>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0"
Height="295px" Width="592px">
<cc1:TabPanel runat="server" HeaderText="目录管理" ID="TabPanel1">
<HeaderTemplate>
目录管理
</HeaderTemplate>
<ContentTemplate>
<asp:Button ID="Button_Add_Root_Nood" runat="server" Text="添加根目录" />
<!--动态窗口 A-->
<asp:Panel ID="Panel_Add_Root_Nood" runat="server" CssClass="modalPopup" Style="display:" Width="300px">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel_Add_Root_Nood2" runat="server">
<table style="width: 100%;">
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="3">
<asp:Button ID="add_fun_page" runat="server" onclick="add_fun_page_Click" Text="添加" />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="OK" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</asp:Panel>
<!--动态窗口 B-->
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
DynamicServicePath=""
Enabled="True"
TargetControlID="Button_Add_Root_Nood"
PopupControlID="Panel_Add_Root_Nood"
OkControlID="OkButton"
CancelControlID="CancelButton"
>
</cc1:ModalPopupExtender>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</td>
</tr>
</table>
</form>
</body>
</html>
本文作者:ikmb@163.com
代码:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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>目录管理</title>
<link href="../../css/common.css" rel="stylesheet" type="text/css" />
<link href="../../css/ModalPopupExtender.css" rel="Stylesheet" type="text/css" />
</head>
<body style="margin-left:15px; margin-top:0px;">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50">
<img alt="" align="bottom" border="0" src="../../UI_Img/man.gif" /> <span class="title12">当前操作:</span>目录(功能)管理</td>
</tr>
<tr>
<td style="border-top: 2px solid #000000;"> </td>
</tr>
<tr>
<td>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0"
Height="295px" Width="592px">
<cc1:TabPanel runat="server" HeaderText="目录管理" ID="TabPanel1">
<HeaderTemplate>
目录管理
</HeaderTemplate>
<ContentTemplate>
<asp:Button ID="Button_Add_Root_Nood" runat="server" Text="添加根目录" />
<!--动态窗口 A-->
<asp:Panel ID="Panel_Add_Root_Nood" runat="server" CssClass="modalPopup" Style="display:" Width="300px">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel_Add_Root_Nood2" runat="server">
<table style="width: 100%;">
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td colspan="3">
<asp:Button ID="add_fun_page" runat="server" onclick="add_fun_page_Click" Text="添加" />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="OK" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</asp:Panel>
<!--动态窗口 B-->
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
DynamicServicePath=""
Enabled="True"
TargetControlID="Button_Add_Root_Nood"
PopupControlID="Panel_Add_Root_Nood"
OkControlID="OkButton"
CancelControlID="CancelButton"
>
</cc1:ModalPopupExtender>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</td>
</tr>
</table>
</form>
</body>
</html>
相关文章推荐
- 利用AjaxControlToolkit实现百度搜索时的下拉列表提示详细步骤
- 利用AjaxControlToolkit实现百度搜索时的下拉列表提示详细步骤
- AJAX Control Toolkit——ModalPopupExtender(弹出对话框&蒙板)
- AJAX Control Toolkit TabPanel间切换实现PostBack
- 利用sender的Parent获取GridView中的当前行 不用AJAX实现前台JS调用后台C#方法(小技巧) AjaxControlToolkit的CalendarExtender的本地化
- 让web应用实现无刷新数据交互-基于AjaxControlToolkit
- C#利用tabControl控件实现多窗体嵌入及关闭
- 报错No mapping found for HTTP request with URI、实现蒙纱,弹出对话框利用load 、编码问题、 jQ的data绑定数据等等遇到的问题
- AJAX Control Toolkit tabs 的纯Javascript演示
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十三 DropDownExtender(下拉对话框)控件的使用
- AjaxControlToolKit TabContainer 标题头的样式
- 原生JS实现Ajax通过GET方式与PHP进行交互操作示例
- 用PopupWindow,Activity以及Dialog不同方式实现从底部弹出对话框
- 如何利用PHP函数实现桥接AJAX引擎和RSS内容
- SpringMVC+Hibernate利用ajax实现前端后台数据交互
- 使用 ajax toolkit 中的 tabcontrol 时出现的一个小问题
- Ajax中利用jQuery简单实现异步交互
- 简单的AjaxControlToolkit的TabContainer自定义样式
- 使用trigger方式实现不用点击file类型的input弹出文件选择对话框
- AjaxControlToolkit ModalPopup 实现模态窗口