<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Tab后台CS程序实现</title>
<style type="text/css">
body
{
color: #000000;
background-color: #ffffff;
font-family: Tahoma, 宋体;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align: center;
}
#TabButton1, #TabButton2, #TabButton3
{
margin-top: 20px;
width: 60px;
}
.aaa
{
background-color: #E0E0E0;
}
.bbb
{
background-color: Gray;
color: White;
}
#tab1, #tab2, #tab3
{
width: 188px;
height: 100px;
background-color: #E0E0E0;
overflow: auto;
}
#tab2, #tab3
{
display: none;
}
</style>
</head>
<body>
<form id="form1" runat="Server">
<center>
<div>
<asp:Button ID="TabButton1" runat="server" CssClass="aaa" Text="查询" OnClick="TabButton1_Click" />
<asp:Button ID="TabButton2" runat="server" CssClass="bbb" Text="新建" OnClick="TabButton2_Click" />
<asp:Button ID="TabButton3" runat="server" CssClass="bbb" Text="修改" OnClick="TabButton3_Click" />
</div>
<div id="tab1" runat="Server">
<asp:Label ID="Label1" runat="server" Text="111-查询"></asp:Label>
</div>
<div id="tab2" runat="Server">
<asp:Label ID="Label2" runat="server" Text="222-新建"></asp:Label>
</div>
<div id="tab3" runat="Server">
<asp:Label ID="Label3" runat="server" Text="333-修改"></asp:Label>
</div>
</center>
</form>
</body>
</html>
C#:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace JavascriptTest01
{
public partial class WebForm5 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void TabButton1_Click(object sender, EventArgs e)
{
tab1.Style.Add("display", "block");
tab2.Style.Add("display", "none");
tab3.Style.Add("display", "none");
TabButton1.CssClass = "aaa";
TabButton2.CssClass = "bbb";
TabButton3.CssClass = "bbb";
}
protected void TabButton2_Click(object sender, EventArgs e)
{
tab1.Style.Add("display", "none");
tab2.Style.Add("display", "block");
tab3.Style.Add("display", "none");
TabButton1.CssClass = "bbb";
TabButton2.CssClass = "aaa";
TabButton3.CssClass = "bbb";
}
protected void TabButton3_Click(object sender, EventArgs e)
{
tab1.Style.Add("display", "none");
tab2.Style.Add("display", "none");
tab3.Style.Add("display", "block");
TabButton1.CssClass = "bbb";
TabButton2.CssClass = "bbb";
TabButton3.CssClass = "aaa";
}
}
}
分享到：
相关推荐
首先，让我们来解决“C# Tab键转Enter键”这个问题。在传统的文本输入中，Tab键用于在表单控件之间切换焦点，而Enter键通常用于提交表单。为了使Tab键具有Enter键的功能，我们需要监听键盘事件，并在检测到Tab键按下...
本示例程序"MDI C# Tab Windows Form"旨在展示如何在C#环境下创建一个具有MDI功能的Tab控件形式的应用程序，提供更现代、友好的用户交互体验。 首先，我们要理解MDI的基本概念。在传统的MDI应用中，父窗口（通常是...
"c#Tab标签源码Demo"是一个示例项目，旨在演示如何在C#中实现Tab控件的功能，允许用户在多个标签页之间切换，提供丰富的界面交互体验。这种功能在许多桌面应用中非常常见，如设置窗口、文档编辑器等。 首先，让我们...
在本案例中，"非常好的Tab控件源码（C#）"是一个专门为C#环境设计的用户界面组件，用于实现类似网页浏览器中的标签页功能。Tab控件允许用户在一个窗口内组织多个视图或功能，通过点击不同的标签来切换显示内容，极大...
源码已上传至： http://www.jiamaocode.com/Pros/1038.htm
在本文中，我们将深入探讨如何使用C#编程语言在Windows Forms（WinForm）环境中实现一个包含导航菜单和多窗口Tab的程序。这个程序名为“HospitalHealthSystem”，它展示了基础的WinForm应用程序设计和架构，适合初学...
在.NET Framework中，C#是一种常用的编程语言，用于构建各种类型的应用程序，包括Windows桌面应用。TabControl是Windows Forms中一个非常实用的控件，它允许用户通过不同的选项卡来组织和展示信息。在某些情况下，...
在C#编程中，TabControl控件是Windows Forms应用程序中常用的一种组件，用于展示多个相关的页面或窗体。这个“C#窗体TabControl控件美化版源代码”显然提供了一个定制的实现，它增强了标准TabControl控件的外观和...
在网页设计中，导航Tab页是一种常见的用户界面元素，它能有效地组织和展示大量信息，让用户更容易地浏览和访问网站的不同部分。JQuery是一个广泛使用的JavaScript库，它为实现动态和交互式的Tab页功能提供了便利。...
在C# WinForm开发中，TabControl是一个常用的控件，它允许用户通过标签页来组织和切换不同的内容区域。然而，Windows默认的TabControl样式可能无法满足所有设计需求，特别是在需要个性化或者增强用户体验时。本篇...
If anyone is looking for the latest version of the AC.ExtendedRenderer.ToolKit which is mentioned in other posts, then the following links point to the central source of them. However the website is ...
在C#编程中，多线程技术是一种关键的性能优化手段，尤其对于处理耗时操作时，能够确保用户界面（UI）的响应性，避免出现界面卡死的现象。本解决方案将深入探讨如何利用C#的多线程特性来解决这个问题。 一、线程基础...
在网页设计中，"选项卡"（Tab）是一种常见的用户界面元素，它允许用户在不同的内容区域之间切换，而无需加载新的页面或占用过多的屏幕空间。这种设计模式提高了用户体验，使得信息组织更加清晰，降低了浏览复杂度。...
在网页设计中，"Tab标签切换"是一种常见的用户界面元素，用于组织和展示大量信息。它允许用户通过点击不同的选项卡来切换不同的内容区域，提高了用户体验，减少了页面滚动的需求。这个话题主要涉及到JavaScript（js...
`TabControl`提供了多种样式和外观设置，如`Appearance`属性（可设置为`Tab`或`Button`），`TabLayout`属性（可设置为`Top`或`Bottom`等）以及`DrawMode`属性（控制选项卡的绘制方式）。 9. **WindowsApplication1...
【标题】：“Tab浏览器（c#）” 【描述】：“选项卡式浏览器”是一种用户界面设计，它允许用户在一个单一的窗口中同时打开多个网页，每个网页在一个单独的选项卡中显示，类似于许多现代网络浏览器的功能。这个项目...
在.NET Framework中，WinForms（Windows Forms）是一个用于构建桌面应用程序的用户界面框架。在这个环境中，`TabControl`是一个常用的控件，它允许开发者创建类似浏览器标签页的效果，以组织和展示多个视图或数据。...
标题中的"C#自定义tab控件"指的是开发者为了达到某种特殊效果或功能，通过C#编程语言对默认的TabControl进行扩展或改造。这通常涉及到以下几个方面： 1. **透明背景**：默认的TabControl有一个固定的背景颜色，...
本项目是关于如何使用C#编程语言来美化和自定义TabControl控件，使其呈现出类似Win7优化大师的界面效果。这个自定义控件不仅提高了视觉吸引力，还可能提供了更丰富的交互体验。 首先，我们来探讨一下C#中的...