AJAX扩展控件TabContainer(选项卡控件)的使用方法

喜欢的事物与音乐偏好
最新推荐文章于 2020-12-22 14:38:14 发布
转载 最新推荐文章于 2020-12-22 14:38:14 发布 · 719 阅读 · 0

本文展示了一个页面，包含三个TabPanel，分别展示了用户喜欢的食物、事物和音乐。每个TabPanel下都有相应的更新面板和标签，如苹果、柚子、香蕉、书籍、花朵、阴天、平静的音乐、甜蜜的音乐等。

页面代码：

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

<%@ 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">

view plaincopy to clipboardprint?
<html xmlns="http://www.w3.org/1999/xhtml" >  
<head runat="server">  
    <title>无标题页</title>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <asp:ScriptManager ID="ScriptManager1" runat="server">  
        </asp:ScriptManager>  
        <cc1:TabContainer ID="TabContainer1" runat="server" Height="57px" Width="218px">  
            <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="爱吃的水果">  
　　　　<ContentTemplate>  
　　　　 <asp:UpdatePanel ID="UpdatePanel1" runat="server" >  
               <ContentTemplate>  
                   <asp:Label ID="Label1" runat="server" Text="苹果"></asp:Label>  
                   <asp:Label ID="Label2" runat="server" Text="柚子"></asp:Label>  
                   <asp:Label ID="Label3" runat="server" Text="香蕉"></asp:Label>  
               </ContentTemplate>  
                </asp:UpdatePanel>  
　　　　</ContentTemplate>  
            </cc1:TabPanel>  
 
            <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText ="喜欢的东西">  
           <ContentTemplate>  
               <asp:UpdatePanel ID="UpdatePanel2" runat="server">  
                    <ContentTemplate>  
                        <asp:Label ID="Label4" runat="server" Text="书"></asp:Label>  
                        <asp:Label ID="Label5" runat="server" Text="花"></asp:Label>  
                        <asp:Label ID="Label6" runat="server" Text="阴天"></asp:Label>  
                    </ContentTemplate>  
               </asp:UpdatePanel>  
           </ContentTemplate>  
            </cc1:TabPanel>  
              
              
            <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText ="喜欢的音乐">  
         　　　<ContentTemplate>  
                <asp:UpdatePanel ID="UpdatePanel3" runat="server">  
                         <ContentTemplate>  
                             <asp:Label ID="Label7" runat="server" Text="平静的"></asp:Label>  
                             <asp:Label ID="Label8" runat="server" Text="甜蜜的"></asp:Label>  
                             <asp:Button ID="Button1" runat="server" Text="美丽的"/>  
                         </ContentTemplate>  
                </asp:UpdatePanel>  
         　　　</ContentTemplate>   
            </cc1:TabPanel>  
        </cc1:TabContainer>  
      
    </div>  
    </form>  
</body>  
</html> 

[其他类别]Tab选项卡控件及Demo源码_tabdemo（ASP.NET源码）.rar
06-05
【标题】中的“Tab选项卡控件”是网页设计中常用的一种用户界面元素，它允许在单个页面上展示多个视图或内容区域，而无需实际跳转到新页面。在ASP.NET框架下，实现这样的功能可以使用多种方法，如ASP.NET AJAX ...
AJAX控件ppt、AJAX控件ppt
04-20
AJAX Control Toolkit是一个扩展库，包含了更多预定义的AJAX控件，如Accordion，可以轻松地通过添加前缀到Web.config来使用这些控件，例如，我们可以通过在Web.config中添加特定配置为控件注册前缀"ajaxToolkit"。...
tab-container示例
08-03
tab-container示例
AjaxControlToolkit中，TabContainer的一个简单Css样式
Jack @ 优快云
12-29 1048
因为项目需要，感觉使用Ajax的TabContainer比较方便，但是其默认的样式与我们已有的风格不一致，所以查了查资料，凑了套简单的style.效果图：  Css Style:/* Following are tab control styles, Special for Outsourcing Set-up Process Page *//* Default tab */.Ajax
TabContainer控件
08-13 1114
1.在设计图上添加一个TabContainer控件,两个UpdatePanel,在UpdatePanel里加入Label和Button2,在添加 TabPanel控件时,在设计图中是添加不上去的,需要在                                                                   //TabPanel代码        
AJAX jQuery tab选项卡
freejs
10-30 610
AJAX jQuery tab选项卡  加载的是存在的页面，可以根据需要加载参数 演示   XML/HTML Code &lt;ul id="navigation"&gt;      &lt;li&gt;&lt;a href="#page1"&gt;asp&lt;/a&gt;&lt;/li&gt;      &lt;li&gt;&l
AJAX TAB JQUERY 选项卡 标签
freejs
10-03 323
AJAX TAB JQUERY 选项卡 标签   演示    js JavaScript Code &lt;script&gt;   $(document).ready(function(){                            var Tabs = {           'Tab one'   : 'pages/page1.html',  ...
AJAX扩展控件TabContainer(选项卡控件)的使用方法总结
zjj780320380的专栏
05-12 5867
页面代码：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题页 　　　　　　　　
VS2010AJAX拓展控件
12-17
为了在VS2010中使用这些AJAX拓展控件，首先需要安装相关的库，然后在工具箱中创建自定义选项卡，将控件拖放到Web表单上，通过属性设置来配置其行为。在代码逻辑中，可以利用控件提供的事件处理程序来处理用户交互和...
asp.net多选项卡页面的创建及使用方法
10-27
首先，AjaxControlToolkit是一个非常有用的ASP.NET扩展库，它提供了一系列富客户端控件，包括我们所需的选项卡控件。要使用这个库，你需要确保已经下载了AjaxControlToolkit的DLL文件，并将其放置在项目的Bin目录下...
第十个范例——布局之TabContainer
03-06
源代码 博文链接：https://cyhcheng.iteye.com/blog/140448
tabcontainer控件太长_AjaxControlToolKit--TabContainer控件的介绍收藏[摘录]
weixin_39746282的博客
12-22 195
AjaxControlToolKit--TabContainer控件的介绍收藏1. Introduction:Tab本身就应该是个以页签形式显示组织网页内容的一个控件。在AJAX Control Tool Kit的控件中有TabContainer控件,它是一些TabPanel控件的载体,而每个TabPanel可以像标准的Panel控件一样,成为其它一些ASP.NET控件的容器。TabPanel通过...
4_TabContainer
weixin_33691817的博客
03-03 147
2019独角兽企业重金招聘Python工程师标准>>> ...
37个Ajax和CSS实现的Tab选项卡切换效果界面
站在技术的顶端，才能看清脚下的路该通向何方--技术工程师之路！
02-28 723
自动切换的Tab选项卡切换效果 1) Easy Tabs 1.2 with autochange- 你可以设置成自动切换模式的Tab选项卡菜单       2) Rotating jQuery tabs这个自动切换的Tab选项卡菜单效果非常酷，在切换的时候文字可以产生淡入淡出效果。         3) Slideshow Tab C
AjaxControlToolKit--TabContainer控件的介绍
我的博客新地址： http://www.n-pei.com
06-28 5109
 1.       Introduction:Tab本身就应该是个以页签形式显示组织网页内容的一个控件。在AJAX Control Tool Kit的控件中有TabContainer控件,它是一些TabPanel控件的载体,而每个TabPanel可以像标准的Panel控件一样,成为其它一些ASP.NET控件的容器。TabPanel通过它的三部分结构HeaderText, HeaderT
mint-ui —— tab-container的使用
热门推荐
michael的博客
08-03 2万+
tab-container 面板，可切换显示子页面。 常与navbar、tabbar结合使用   Import 按需引入： import { TabContainer, TabContainerItem } from 'mint-ui'; Vue.component(TabContainer.name, TabContainer); Vue.component(TabCon
第九个范例——布局之StackContainer
noname365的专栏
11-14 282
效果: 属性： doLayout 如果为"true", 改变当前显示的widget到合适的尺寸。 方法: addChild：添加子widget。 back：选中前一个widget。 forward：选中下一个widget。 getChildren：以数组的形式获得所有子widget。 getParent：获得父容器。 removeChild：删除子widget。 resize：调整尺寸。 sel...
AjaxToolkit控件之TabContainer ——自定义CSS添加方法
lookatliu的专栏
06-02 2860
按照Tab作者Ronald Buckton所说，Tab的CSS包含如下几个类：(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.(2).ajax__tab_outer:An outer element of a tab,often used
ExtJs的.NET控件----TabContainer和TabPanel
weixin_33795743的博客
10-20 142
     TabContainer通常是与TabPanel控件配合使用的，目前很多控件库以及控件产品里基本都有这两个控件，标准控件里虽然没有，在ASP.NET AJAX里已经提供了这两个控件，用他们可以很方便的来定制选项卡级的开发。但是不同的控件都有他的优点和不足之处。      比如ASP.NET AJAX里的我个人觉得界面效果太难看了，即使使用CSS也不好控制开发的灵活性不够好；如果说看界面...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值