前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >VS2008(C#)制作网页Tab标签切换方法(一)

VS2008(C#)制作网页Tab标签切换方法(一)

作者头像
阳光岛主
发布于 2019-02-19 04:49:25
发布于 2019-02-19 04:49:25
6970
举报
文章被收录于专栏:米扑专栏米扑专栏

VS2008(C#)制作网页Tab标签切换方法(一)——AJAX控件

直接使用自定义的AJAX插件实现,具体的AJAX插件源文件和详细安装方法,

请详见本人上传的资源(AspAjax的安装与使用(内含安装文件和详细安装教程)-AJAX扩展控件,非常实用

按照里面的安装步骤一步一步安装完AJAX插件后,再设计如下代码就可(无需自己编写后台CS代码)

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

<%@ 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>Tab_AJAX</title>     <style type="text/css">         body         {             color: #000000;             background-color: #ffffff;             font-family: Tahoma, 宋体;             font-size: 12px;             margin: 0px;             padding: 0px;             text-align: center;         }     </style> </head> <body>     <form id="form1" runat="server">     <center>         <div style="margin: 20px auto;">             <asp:ScriptManager ID="ScriptManager1" runat="server">             </asp:ScriptManager>             <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="3" Height="180px"                 Width="400px">                 <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="文学">                     <ContentTemplate>                         111-文学                     </ContentTemplate>                 </cc1:TabPanel>                 <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="历史">                     <ContentTemplate>                         222-历史                     </ContentTemplate>                 </cc1:TabPanel>                 <cc1:TabPanel ID="TabPanel4" runat="server" HeaderText="科技">                     <ContentTemplate>                         333-科技                     </ContentTemplate>                 </cc1:TabPanel>                 <cc1:TabPanel ID="TabPanel5" runat="server" HeaderText="军事">                     <ContentTemplate>                         444-军事                     </ContentTemplate>                 </cc1:TabPanel>             </cc1:TabContainer>         </div>     </center>     </form> </body> </html>

具体代码如上,源代码下载: VS2008(C#)4种方法实现Tab标签灵活切换源码,测试成功!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2010年01月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
VS2008(C#)制作网页Tab标签切换方法(二)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Tab_JScript.aspx.cs" Inherits="TabContent" %>
阳光岛主
2019/02/19
7790
VS2008(C#)制作网页Tab标签切换方法(四)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Main_Page.aspx.cs" Inherits="Tab_Tab_IFrame_Main_Page" %>
阳光岛主
2019/02/19
7080
VS2008(C#)制作网页Tab标签切换方法(三)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Tab_CS.aspx.cs" Inherits="Tab_Tab_CS" %>
阳光岛主
2019/02/19
7120
AJAX之四 Ajax控件工具集
在上一章中,我们学习了Asp.Net AJAX的核心组件UpdatePanel、ScriptManager等。最后我们通过使用AutoComplete控件,用很少的代码就实现了自动完成功能。我们发现在Asp.Net的AJAX解决方案中,通过控件方式极大地提高了传统了AJAX效果的开发效率。
用户9184480
2024/12/17
1000
AJAX之四 Ajax控件工具集
AJAX控件UpdatePanel使用详解
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Accordion.aspx.cs" Inherits="AJAX_Accordion" %>
阳光岛主
2019/02/19
8230
ModalPopupExtender用法示例
aspx页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Test_Default" %> <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit
菩提树下的杨过
2018/01/22
6600
如何对动态创建控件进行验证以及在Ajax环境中的使用
首先给一个常规的动态创建控件,并进行验证的代码 [前端aspx代码] <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm
菩提树下的杨过
2018/01/22
7.8K0
ASP.NET AJAX(15)__构建高性能ASP.NET AJAX应用UpdatePanel的性能问题使用UpdatePanel的注意事项脚本加载避免脚本阻塞页面显示AjaxControlTool
UpdatePanel的性能问题 在UpdatePanle使用的时候,它每次的更新都是将整个页面回送的,而且也会加上一些他更新的标记,所以往往它传递的数据量比传统的PostBack都要多,这其实是违背AJAX减少数据量传输的特点的 使用UpdatePanel的注意事项 在使用UpdatePanel的时候,要只传输必要的内容,使用相对小而细的UpdatePanel,而不是使用大而全的UpdatePanel,在每次PostBack后只需要更新必要的UpdatePanel(将UpdatePanel的UpdateM
小白哥哥
2018/03/07
9030
UpdatePanel用法详解
本文转自:http://www.cnblogs.com/shangxia/articles/2281782.html
全栈程序员站长
2022/09/15
3800
ASP.NET AJAX(14)__UpdatePanel与服务器端脚本控件脚本控件的作用脚本控件的指责Extender模型脚本控件和Extender模型在PostBack中保持状态在UpdatePa
脚本控件的作用 ASP.NET AJAX的脚本控件,连接了服务器端和客户端,因为我们(可以)只在服务器端编程,而效果产生在客户端,这就需要我们首先在服务器端编写一个控件类,然后包含一个或几个脚本文件,其中定义了客户端组件,可以让开发人员只在服务端操作控件,而在页面上添加客户端行为 一个典型的脚本控件就是UpdateProgress,我们来看一下它的实现方式 一个UpdateProgress的简单示例 创建一个aspx页面 <%@ Page Language="C#" AutoEventWireup="tru
小白哥哥
2018/03/07
2K0
ASP.NET AJAX(14)__UpdatePanel与服务器端脚本控件脚本控件的作用脚本控件的指责Extender模型脚本控件和Extender模型在PostBack中保持状态在UpdatePa
UpdatePanel的用法详解
Asp.net UpdatePanel 允许用户构建一个丰富的,以客户端为中心的应用程序,引用UpdatePanel控件,能够实现页面的部分刷新,一个包含scriptManage和 UpdatePanel控件的页面自动具有页面部分刷新的功能,不需要写任何的客户端JavaScript代码。一个web页面只能包含一个 ScriptManage控件,但可以包含一个或多个UpdatePanel控件。
全栈程序员站长
2022/09/06
7240
Ajax之三 Ajax服务器端控件
Ajax Extensions是Asp.NetAJAX框架的核心组件,只有使用它提供的服务,才能实现局部刷新和个性化组件的AJAX效果。
用户9184480
2024/12/17
840
Ajax之三 Ajax服务器端控件
VS2008(C#)子页嵌套母版页的控件访问方法(一)
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage_MasterPage" %>
阳光岛主
2019/02/19
1.3K0
C#实现简单网页
新建MyWebSite网站,添加一个WebForm1网页,其中包含一个文本框TextBox1一个按钮Button1(计算)和一个标签Label1(””)。在文本框中输入一个数,当点击“计算”按钮时,在标签中显示此数的平方根。
全栈程序员站长
2022/11/08
1.5K0
C#实现简单网页
ASP.NET AJAX(3)__UpdatePanel
今天也不知道写不写的完了,最近闲下来了,却感冒了,早上起来都不会说话了,不过幸亏咱不是靠嘴皮子过活了,哎~~~~窃喜吧 上一篇简单写到UpdatePanel的一些好处和坏处,这一篇呢,就细致的认识一下UpdatePanel这个控件,并合理的使用它 UpdatePanel的一些属性 : RenderMode     __Block(默认值):设定UpdatePanel使用DIV来圈出要跟新的区域     __Inline:设定UpdatePanel使用span来。。。。。。 UpdateMode  
小白哥哥
2018/03/07
4.9K0
ASP.NET AJAX(3)__UpdatePanel
js小技巧:tab页切换
依旧只是贴在这里备份,方便以后粘贴复制,高手绕过,以免浪费时间:) <!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> <title>tab页切换</title> <meta http-equiv="C
菩提树下的杨过
2018/01/22
6.9K0
VS2008(C#)子页嵌套母版页的控件访问方法(三)
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage_MasterPage" %>
阳光岛主
2019/02/19
1.1K0
VS2008(C#)子页嵌套母版页的控件访问方法(二)
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage_MasterPage" %>
阳光岛主
2019/02/19
1.3K0
Web使用热敏打印小票(IE环境)
在html页下使用Epson P60II 热敏纸下打印小票,使用的打印方案为调用window.print()。
zls365
2021/03/16
1.6K0
利用GridView显示主细表并一次编辑明细表所有数据的例子
全部代码如下: ASPX:@ Page Language=C# ValidateRequest=C#
Java架构师必看
2021/03/22
6600
推荐阅读
相关推荐
VS2008(C#)制作网页Tab标签切换方法(二)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文