TabContainer控件

1.在设计图上

添加一个TabContainer控件,两个UpdatePanel,UpdatePanel里加入LabelButton

2,在添加 TabPanel控件时,在设计图中是添加不上去的,需要在          

 

               

                                       //TabPanel代码

                //记得加入这个否则会出错

 

 

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Pagetitle>

head>

<body style="text-align: center">

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server" />

        <div>

            <cc1:TabContainer ID="TabContainer1" runat="server" Width ="260px" Height ="150px">

           

                <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText ="Tabe1">

                <ContentTemplate>

                     <asp:UpdatePanel ID="UpdatePanel1" runat="server">

                        <ContentTemplate>

                            <asp:Label ID="Label1" runat="server" Text="Label">asp:Label><br />

                                 <br />

                                     <asp:Button ID="btnOK" runat="server" OnClick="btnOK_Click" Text="确定" />

                                ContentTemplate>

                            asp:UpdatePanel>

                ContentTemplate>

                cc1:TabPanel>

               

               

                <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Tabe2">

                    <ContentTemplate>

                         <asp:UpdatePanel ID="UpdatePanel2" runat="server">

                                <ContentTemplate>

                                    <asp:Label ID="Label2" runat="server" Text="Labe2">asp:Label><br />

                                    <br />

                                    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="确定" />

                                ContentTemplate>

                          asp:UpdatePanel>

                    ContentTemplate>

                cc1:TabPanel>

               

               

                <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Tabe3">

                <ContentTemplate >

                    <br /><br />这是我第一个Tabs<br /><br />

                   <a href=  http://blog.csdn.net/meng1986>menga>

                ContentTemplate>

               

                cc1:TabPanel>

            cc1:TabContainer>div>

      

       

    form>

body>

html>

 

 

 

 

Default.aspx.cs

 

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

    protected void btnOK_Click(object sender, EventArgs e)

    {

        this.Label1.Text = "这是Tab1";

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        this.Label2.Text="这是Tabl2";

    }

}

你可能感兴趣的:(ASP.NET,Ajax笔记)