zoukankan      html  css  js  c++  java
  • Tabs

    Tabs控件的功能是在一个页面上显示多个选项卡。由两部分组成:TabContainer和TabPanel.前者表示整个一组选项卡,而后者表示其中的一个选项卡。

    属性列表:
    OnClientActiveTabChanged:单击选项卡标题触发的事件
    Height:选项卡的高度
    ContentTemplate:选项卡内的模板
    HeaderTemplate:选项卡的标题模板
    ActiveTabIndex:默认显示的选项卡
    ScrollBars:是否显示滚动条

    实例解析一、简单应用

        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>   
        </div>
            <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1" Height="86px" Width="398px">
    <cc1:TabPanel runat="server" HeaderText="计算机系" ID="TabPanel1">
        <ContentTemplate>
            <table>
                <tr>
                    <td style=" 100px">用户名:</td>
                    <td style=" 100px"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style=" 100px">密码:</td>
                    <td style=" 100px"><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style=" 100px"></td>
                    <td style=" 100px"><asp:Button ID="Button1" runat="server" Text="提交" /></td>
                </tr>
            </table>
        </ContentTemplate>
    </cc1:TabPanel>
    <cc1:TabPanel runat="server" HeaderText="艺术系" ID="TabPanel2">
        <ContentTemplate>
            <table>
                <tr>
                    <td style=" 100px">用户名:</td>
                    <td style=" 100px"><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style=" 100px">密码:</td>
                    <td style=" 100px"><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td>
                 </tr>
                <tr>
                    <td style=" 100px"></td>
                    <td style=" 100px"><asp:Button ID="Button2" runat="server" Text="提交"" /></td>
                </tr>
            </table>
        </ContentTemplate>
    </cc1:TabPanel>
    </cc1:TabContainer>
        </form>

  • 相关阅读:
    web安全——代理(nginx)
    2016年3-7月书单推荐
    web安全——系统(Linux)
    web安全——防火墙
    web安全——简介
    系统安全扫描工具(appscan)的扫描类型小记
    知识管理,让生活更美好
    亚马逊如何变成 SOA(面向服务的架构)
    徐小平:关了公司以后,我有这些话要对你说
    网易味央第二座猪场落户江西 面积超过3300亩
  • 原文地址:https://www.cnblogs.com/astar/p/961081.html
Copyright © 2011-2022 走看看