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>

  • 相关阅读:
    【转载】利用bat批处理做启动mongodb脚本
    【转载】Spring中@Component与@Bean的区别
    IDEA使用@Data注解,类调用get、set方法标红的解决办法
    Navicat premium工具转储数据表的结构时,datatime字段报错
    【转】Redis 基础操作和命令
    简单的js购物车结算
    文件下载
    图片报错,显示默认图片
    php 数组操作
    thinkphp5分页样式及参数保留
  • 原文地址:https://www.cnblogs.com/astar/p/961081.html
Copyright © 2011-2022 走看看