本文介绍了一个使用 ASP.NET 中 TabContainer 控件的例子，展示了如何通过该控件实现标签页式的用户界面布局。每个标签页分别包含了不同的内容，并且通过 HeaderTemplate 和 ContentTemplate 设置了标签页的标题和内容。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>TabContainer</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<cc1:TabContainer ID="TabContainer1" runat="server">
<cc1:TabPanel runat="server" ID="TabPanel1" HeaderText="标签一">
<ContentTemplate>
这是第一大段的内容。。。。。。<br />
这是第一大段的内容。。。。。。<br />
这是第一大段的内容。。。。。。<br />
这是第一大段的内容。。。。。。<br />
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" ID="TabPanel2" HeaderText="标签二">
<HeaderTemplate><span style=" font-size:12px; color:Red; font-weight:bold;">标签二</span></HeaderTemplate>
<ContentTemplate><div style="text-align:center">
这是第二大段的内容。。。。。。<br />
这是第二大段的内容。。。。。。<br />
这是第二大段的内容。。。。。。<br />
这是第二大段的内容。。。。。。<br /></div>
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" ID="TabPanel3" HeaderText="标签三">
<ContentTemplate><div style="text-align:right">
这是第三大段的内容。。。。。。<br />
这是第三大段的内容。。。。。。<br />
这是第三大段的内容。。。。。。<br />
这是第三大段的内容。。。。。。<br /></div>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</div>
</form>
</body>
</html>
TabContainer
最新推荐文章于 2021-02-22 03:48:14 发布
扫一扫
2813
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
