AJAX控件Tabs

效果图片:

显示页面Html代码:

<%@ 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">

<title>AJAX控件Tabs</title>

</head>

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

<div>

<cc1:TabContainer ID="TabContainer1" runat="server" Width="500" Height="450">

<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="我的提示信息">

<asp:UpdatePanel id="UpdatePanel1" runat="server"><ContentTemplate>

<asp:Label id="Label1" runat="server" Width="80px" Text="Label"></asp:Label>

<asp:Button id="Button1" onclick="Button1_Click" runat="server" Text="提示信息">

</asp:Button>

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</cc1:TabPanel>

<cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="我的留言">

<br />我感兴趣的<br />

<br />AJAX.NET控件<br />

<br />使用记录下来<br />

<br/>必备毕业后<br />

</ContentTemplate>

</cc1:TabPanel>

<cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="我的博客">

<a href="http://chenou.cnblogs.com" target="_blank">http://chenou.cnblogs.com</a>

</div>

</ContentTemplate>

</cc1:TabPanel>

</cc1:TabContainer></div>

</form>

</body>

</html>

显示页面CS代码:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

this.Label1.Text = "欢迎使用AJAX控件Tabs";

}

posted on 2007-03-31 21:29 小角色阅读(276) 评论(1) 收藏举报