TabStrip 的初学应用(简单页面切换)
来源:互联网 发布:华为云和阿里云区别 编辑:程序博客网 时间:2024/06/06 04:02
首先要引入WEB表单,也就是注册事件
<iewc:TabStrip ID="Tabstrip1" runat="server" TargetID="MP1" AutoPostBack="true" OnSelectedIndexChange="Tabstrip1_SelectedIndexChange"
Style="height: 16px">
<iewc:Tab Text="待办任务"></iewc:Tab>
<iewc:Tab Text="待考核任务"></iewc:Tab>
</iewc:TabStrip>
首先定义了页面切换的文字意思:接下来是内容。
我们会放上例如:<iewc:MultiPage></iewc:MultiPage>这样的控件,本身看起来就像是多个页面的意思,然后我们在其中添加转换页面
<iewc:PageView ID="PageView1" ></iewc:PageView>
我们可以定义多个这样的页面,来互相切换,里面是切换的内容。
最重要的后两步:添加其他页面和转换事件,我使用的是
<iframe id="ifrDetail" runat="server" scrolling="no" frameborder="0" height="100%"
width="100%"></iframe>
在后台,直接绑定数据就完了!
protected void Tabstrip1_SelectedIndexChange(object sender, EventArgs e)
{
if (Tabstrip1.SelectedIndex == 1)
{
this.ifrDetail.Attributes["src"] = "JXKH_BDKH_Show.aspx";
}
else
{
}
}
就这样,完成!
友情提示:
设置TabStrip的TargetID属性为MultiPage的ID就行
会按顺序自动关联
- TabStrip 的初学应用(简单页面切换)
- [Widget]BaseTabStrip-用于捆绑ViewPager实现复杂页面切换效果的TabStrip的基类
- 栈的简单应用(初学)
- DFGUI-- 标签切换 Tabstrip
- 初学File的简单应用
- TabStrip应用例子
- 简单写了个时下比较流行的tabStrip
- 手机页面的切换(setContentView的应用)
- 初学opencv-显示图片的简单应用
- 页面中简单的切换效果
- 简单易学的动画切换页面
- 最简单微信的页面切换
- 简单好用的tab切换页面
- 最简单的tab页面切换+动画
- 从零开始学习H5应用(1)——V1.0版,简单页面滑动切换效果
- 从零开始学习H5应用(1)——V1.0版,简单页面滑动切换效果
- SELECTION-SCREEN 的TABSTRIP
- TABSTRIP 的用法
- Linux根据端口号关闭相应的进程Shell脚本
- SpirngMvc+myBatis 物理分页
- R功能简介
- myeclipse2014破解安装
- SQL中的CASE使用方法
- TabStrip 的初学应用(简单页面切换)
- 0428_Struts2
- C++primer plus第六版课后编程题答案17.4
- OCP-1Z0-051 第53题 日期格式
- View not attached to window manager解决方案
- CSS: 解决Div float后,父Div无法高度自适应的问题
- eclipse快捷键大全
- iOS中的一些内存问题,block,NSTimer
- AjaxControlToolkit安装与发布