关于Tab选项卡的实现方式的探讨
2006-02-06 23:32
459 查看
使用tabStrip控件和MultiPage控件实现选项卡式风格页面,
这种方式我在实际的项目中不太使用,这种方式有利有弊。
使用这种方式虽然在用户界面和操作方式上显得直观、易操作了。
但是实际在展现到用户端的HTML页面中,是通过DIV的隐藏来实现的。
也就是说如果你有5个TAB,其实对应的5个MultiPage页面中的内容都已经在一个页面上了。
这样当这种页面内容特别多时,访问这个页面的响应将会特别的慢。
所以一般在实际项目中,我一般还是采用多个页面的方式来实现的。
也就是每个Tab是一个页面,Tab上只是超链连接到对应页面。
采用美工设计的方式,展现给用户Tab选项卡的风格。
对于用户不同权限使用不同功能的问题,可以采用在后台程序中动态添加内容的方法,
来决定可以使用哪个功能模块。
示例程序中将Tab菜单用UserControl来实现,这样在每个页面上只要调用这个UserControl就可以了。
其中给出了两种方式的菜单。
TabUserControl.ascx是文字类型的,TabBgUserControl.ascx是背景图片类型的。
示例中User主页面使用了TabUserControl.ascx,Manager主页面使用了TabBgUserControl.ascx。
示例程序下载地址:http://files.cnblogs.com/tawny/IEWebControlExampleOther.rar
请将示例程序中TabOther目录下的Tabindex.aspx页面设为起始页面,然后再运行程序。
Tab选项卡的实现方式有很多种,示例程序只是给出了一种,可以加以改变后灵活运用。
具体方式我们可以再继续探讨。
这种方式我在实际的项目中不太使用,这种方式有利有弊。
使用这种方式虽然在用户界面和操作方式上显得直观、易操作了。
但是实际在展现到用户端的HTML页面中,是通过DIV的隐藏来实现的。
也就是说如果你有5个TAB,其实对应的5个MultiPage页面中的内容都已经在一个页面上了。
这样当这种页面内容特别多时,访问这个页面的响应将会特别的慢。
所以一般在实际项目中,我一般还是采用多个页面的方式来实现的。
也就是每个Tab是一个页面,Tab上只是超链连接到对应页面。
采用美工设计的方式,展现给用户Tab选项卡的风格。
对于用户不同权限使用不同功能的问题,可以采用在后台程序中动态添加内容的方法,
来决定可以使用哪个功能模块。
示例程序中将Tab菜单用UserControl来实现,这样在每个页面上只要调用这个UserControl就可以了。
其中给出了两种方式的菜单。
TabUserControl.ascx是文字类型的,TabBgUserControl.ascx是背景图片类型的。
示例中User主页面使用了TabUserControl.ascx,Manager主页面使用了TabBgUserControl.ascx。
示例程序下载地址:http://files.cnblogs.com/tawny/IEWebControlExampleOther.rar
请将示例程序中TabOther目录下的Tabindex.aspx页面设为起始页面,然后再运行程序。
Tab选项卡的实现方式有很多种,示例程序只是给出了一种,可以加以改变后灵活运用。
具体方式我们可以再继续探讨。
相关文章推荐
- 关于Tab(选项卡)的一些实现方式
- 黑马程序员——关于数据结构栈的实现方式的探讨
- 关于选项卡, 每一个TAB 标签 背景不一样的处理方式
- 关于easyui在使用tab组件创建选项卡时href方式载入页面遇到的问题
- 关于easyui在使用tab组件创建选项卡时href方式载入页面遇到的问题
- android 仿淘宝详情页面,悬浮tab 选项卡实现方式
- JavaScript实现tab选项卡(多种方式)
- # 整理4种实现tab选项卡的方式 by angular
- 【编程题目】数值的整数次方——关于代码完整性及错误处理方式的探讨(C++实现)
- 【原创+探讨+分享】关于有继承关系的抽象类实现方式的初步探讨
- 关于一个JS功能实现的思维方式
- 在bootstrop中如何使用tab选项卡 实现淡入淡出的效果
- 关于.net编译过后的程序增加功能的一种实现方式_也可以说是.net exe注入,插件机制_开发记录
- android学习-----使用TabLayout实现Tab选项卡以及遇到的一些问题(二)
- js实现选项卡效果(利用建立索引方式实现)
- 关于分布式Session 的几种实现方式
- JS实现横向与竖向两个选项卡Tab联动的方法
- 关于tomcat启动web时classloader加载el实现类报错的解决方式
- 微信小程序的tab选项卡的实现
- 关于ViewPager、ViewFilpper、ViewFlow三种实现水平向滑动方式的比较