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就行
会按顺序自动关联

0 0
原创粉丝点击