ajax控件之TabContainer

作者在 2008-04-15 12:15:01 发布以下内容
————————————————————

——————————————————————————————————————————————

 

控件名:TabContainer

用途:做选项卡,就想ie7.0,ie8.0那样的选项卡。

操作:

1.先将TabContainer拖到页面,然后切换到源视图,将会自动生成代码:

   <cc1:TabContainer ID="TabContainer2" runat="server">
        </cc1:TabContainer>

2.切换到源视图后在上面的代码中拖TabPanel控件,想要几个选项卡就拖几个TabPanel控件,产生代码为:

    <cc1:TabContainer ID="TabContainer2" runat="server">
            <cc1:TabPanel ID="TabPanel4" runat="server">
            </cc1:TabPanel>
       
            <cc1:TabPanel ID="TabPanel5" runat="server">
            </cc1:TabPanel>
           
            <cc1:TabPanel ID="TabPanel6" runat="server">
            </cc1:TabPanel>
           
        </cc1:TabContainer>

3.我们添加我们想要的内容和给控件设置属性:

    a.>在添加内容时,在TabPanel中加入:

           <ContentTemplate>
       //这里就是想要的内容
            </ContentTemplate>

        b.>给每个标签写标题:

     <cc1:TabPanel ID="TabPanel6" runat="server" HeaderText="第三个">

 

默认分类 | 阅读 6127 次
文章评论,共1条
hebingbing(作者)
2008-05-05 13:17
1
给TabPanel定义不同的样式就可以了……
游客请输入验证码