All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
PHP脚本的8个技巧(3)包含文件_php资料_编程技术
50个常用sql语句_mssql学习_编程技术
使用C#在进度条中显示复制文件的进度_[Asp.Net教程]
FCKEditor在Asp.net环境下的配置安装_[Asp.Net教程]
利用OleDb对象,将数据库中全部表转换成XML文件_[Asp.Net教程]
剖析SQL Server2005 SQLCLR代码安全性_[SQL Server教程]
使用.NET多线程技术显示实时股票信息_[Asp.Net教程]
Delphi位图组件(TBitMap)使用实例
用C#.NET实现拖放操作_[Asp.Net教程]
如何在PHP程序中防止盗链_[PHP教程]
Reading number is top 10 pictures
西班牙山村小景5
29 the belle stars after bath figure5
Japan sexy beauty passion photo
So beauty, will let you spray blood4
中国女孩大胆自拍,显露完美身材
迷人的靓女
Embarrassing things comic collection2
抗日又出雷剧情
Is said to be a Chinese female artist fame explicit pictures before1
原子弹轰炸长崎的珍贵照片
Download software ranking
Unix video tutorial15
Unix video tutorial8
WebService在.NET中的实战应用教学视频 → 第5集
Prostitutes diary
Boxer's Top ten classic battle6
好色的外科大夫
Tram sex maniac 2 (H) rar bag11
jdk1.6 for windows
Eclipse-CALMSANNY (second edition)
打鸟视频
归海一刀 published in(发表于) 2014/1/30 1:10:04 Edit(编辑)
在asp.net网页中实现tabPage功能(上)_[Asp.Net教程]

在asp.net网页中实现tabPage功能(上)_[Asp.Net教程]

在asp.net网页中实现tabPage功能(上)_[Asp.Net教程]

我是个.net新手,所以我写的东西在好些高手们看来似乎比较粗浅,还请大家海涵!并希望大家多多指导、多提意见,我会十分感激的,谢谢!


前几天在做一个项目时,项目经理非要让我在asp.net网页中实现类似Windows Form程序中类似TabControl(TabPage)那样的功能,但大家都知道,asp.net中是不提供这种控件的,那如何实现呢?


第一种方法是用Menu控件+MultiView控件实现:


第一步是在网页中拖入一个Menu控件,编辑一下项目,并设置一下它的属性通常要把Orientation属性设为Horizontal,每加入一个Item,建议把它的Value设为一个数字,比如1,2,3……,这样方便我们后面的编程:



第二步是在网页中拖入一个MultiView控件(注意它的css定位属性一定要是相对定位,relative!),它实际上是View控件的容器:



第三步是往MultiView控件里面拖入若干个View控件,每个View控件都相当于一个页面,我们可以像编辑普通页面那样编辑每一个View:



至此,网页的原型已经做好了,它的源代码如下:


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





tabPage





Font-Names="Verdana" Font-Size="0.8em" ForeColor="#666666" Orientation="Horizontal"
StaticSubMenuIndent="10px" Style="position: relative" Width="801px" OnMenuItemClick="Menu1_MenuItemClick">



















这是第 1 页


这是第 2 页


这是第 3 页


这是第 N 页





接下来需要加入控制页面跳转的代码,首先我们默认网页第一次打开时,Menu的第一项就自动选中,所以要把MultiView1控件的ActiveViewIndex属性设为0,并且把它第一个Item的Selected属性设为true。


此外,双击Menu1控件,添加MenuItemClick事件的代码如下:


protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
switch (Menu1.SelectedValue)
{
case "1"://这个值是在Menu中加入Item时设定的
{
MultiView1.ActiveViewIndex = 0;
break;
}
case "2":
{
MultiView1.ActiveViewIndex = 1;
break;
}
case "3":
{
MultiView1.ActiveViewIndex = 2;
break;
}
case "4":
{
MultiView1.ActiveViewIndex = 3;
break;
}
default:
break;
}
}
至此,利用Menu+MultiView实现tabPage功能已经做好了,大家看看它的运行效果:



点击Page N:



从功能的角度来讲,tabPage的功能已经实现了。在下篇中,将介绍如何用其它控件实现tabPage,欢迎关注!


来源:csdn







添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.