MultiView空间例子
CSS代码:
body
{
font-size:11pt;
font-family:宋体;
}
.mainTitle
{
font-size:11pt;
font-weight:bold;
font-family:宋体;
}
.commonText
{
font-size:11pt;
font-family:宋体;
}
.littleMainTitle
{
font-size:10pt;
font-weight:bold;
font-family:宋体;
}
.TopTitle
{
border:0px;
font-size:10pt;
font-weight:bold;
text-decoration:none;
color:Black;
display:inline-block;
width:%;
}
.SelectedTopTitle
{
border:0px;
font-size:10pt;
text-decoration:none;
color:Black;
display:inline-block;
width:%;
background-color:White;
}
.ContentView
{
border:0px;
padding:3px 3px 3px 3px;
background-color:White;
display:inline-block;
width:390px;
}
.SepBorder
{
border-top-width:0px;
border-left-width:0px;
font-size:1px;
border-bottom:Gray 1px solid;
border-right-width:0px;
}
.TopBorder
{
border-right: Gray 1px solid;
border-top:Gray 0px solid;
border-left:Gray 1px solid;
border-bottom:Gray 1px solid;
height:%;
width:%;
}
.SelectedTopBorder
{
border-right: Gray 1px solid;
border-top:Gray 1px solid;
background:none transparent scroll repeat % %;
border-left:Gray 1px solid;
color:Black;
border-bottom: Gray 0px solid;
}
aspx代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiView控件.aspx.cs" Inherits="WebApplication1.复合控制和模板页.MultiView控件" %> <!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 runat="server">
<title></title>
<link href="../Styles/01.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<fieldset style="width:400px";>
<legend>MultiView应用例子</legend>
<table cellpadding="" cellspacing="" width="100%" border="">
<tr>
<td>
<table id="Table1" runat="server"
cellpadding="" cellspacing=""
width="100%" border="">
<tr style="height:22px">
<td class="SelectedTopBorder" id="Cell1" align="center" style="width:80px;">
<asp:LinkButton ID="LButtonCompany" runat="server"
OnClick="LButtonCompany_Click">公司介绍</asp:LinkButton>
</td>
<td class="SepBorder" style="width:2px; height:22px;"></td>
<td class="TopBorder" id="Cell2" align="center" style="width:80px;">
<asp:LinkButton ID="LButtonProduct" runat="server"
OnClick="LButtonProduct_Click">产品介绍</asp:LinkButton></td> <td class="SepBorder" style="width:2px; height:22px;"></td>
<td class="TopBorder" id="Cell3" align="center" style="width:80px;">
<asp:LinkButton ID="LButtonContact" runat="server"
OnClick="LButtonContact_Click">联系我们</asp:LinkButton></td>
<td class="SepBorder" style="width:2px; height:22px;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table class="ContentBorder" cellpadding=""
cellspacing="" width="100%">
<tr>
<td valign="top">
<asp:MultiView ID="mvCompany" runat="server" ActiveViewIndex="">
<asp:View ID="View1" runat="server">
我们公司是一个正在上升时期的公司。公司目前有中科院计算机院士3人,博士后32人,
博士63人,研究生120人,本科生356人,具有非常强大的研发实力。
</asp:View>
<asp:View ID="View2" runat="server">
我们有丰富的产品线,还可以为用户单独制定。目前CMS文章发布系统,CRM客户资源关系管理系统,
OA自动办公化系统,正在研发的软件有GSP车辆定位导航系统及工作制度系统。
</asp:View>
<asp:View ID="View3" runat="server">
本公司热烈欢迎技术界和销售界的精英加入我们,客服电话123445.
</asp:View>
</asp:MultiView>
</td>
</tr>
</table>
</td>
</tr>
</table>
</fieldset>
</div>
</form>
</body>
</html>
CS代码:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; namespace WebApplication1.复合控制和模板页
{
public partial class MultiView控件 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{ } protected void LButtonCompany_Click(object sender, EventArgs e)
{
mvCompany.ActiveViewIndex = ;
Cell1.Attributes["class"] = "SelectedTopBorder";
Cell2.Attributes["class"]="TopBorder";
Cell3.Attributes["class"] = "TopBorder";
} protected void LButtonProduct_Click(object sender, EventArgs e)
{
mvCompany.ActiveViewIndex = ;
Cell1.Attributes["class"] = "TopBorder";
Cell2.Attributes["class"] = "SelectedTopBorder";
Cell3.Attributes["class"] = "TopBorder";
} protected void LButtonContact_Click(object sender, EventArgs e)
{
mvCompany.ActiveViewIndex = ;
Cell1.Attributes["class"] = "TopBorder";
Cell2.Attributes["class"] = "TopBorder";
Cell3.Attributes["class"] = "SelectedTopBorder";
} }
}
MultiView空间例子的更多相关文章
- oracle undo表空间大小修改
redhat:清空回收站 rm -rf /home/登录用户名/.Trash 例子:rm -rf /home/.Trash-root df命令可以显示目前所有文件系统的可用空间及使用情形: 例子:d ...
- Oracle 创建表空间和用户
创建用户: 建立表空间和用户的步骤: 用户 建立:create user 用户名 identified by "密码"; 授权:grant create session to 用户 ...
- oracle中表空间管理,游标
一.表空间 oracle使用表空间来管理数据库的对象(表,序列,过程,函数,游标等). oracle的逻辑结构(看不见的):oracle数据库 => 表空间 => 表 序列 过程等对象. ...
- sed 模式空间 保持空间
sed之所以能以行为单位的编辑或修改文本,其原因在于它使用了两个空间:一个是活动的"模式空间(pattern space)",另一个是起辅助作用的"保持空间(hold s ...
- python之基本数据类型
Python运算符及基本数据类型 运算符: 1.算数运算 2. 比较运算 3. 赋值运算 4. 逻辑运算 5. 成员运算 基本数据类型: 1. 数字 int(整型) 在32位机器上,整数的位数为32位 ...
- Linux程序存储结构与进程结构堆和栈的区别【转】
转自:http://www.hongkevip.com/caozuoxitong/Unix_Linux/24581.html 红客VIP(http://www.hongkevip.com):Linux ...
- linux spi驱动开发学习-----spidev.c和spi test app
一.spidev.c文件 看一个设备驱动的方法: module_init标识的入口初始化函数spidev_init,(module_exit标识的出口函数) 设备与设备驱动匹配时候调用的probe方法 ...
- CPU制造工艺 级选来决定cpu等级
CPU制造工艺 编辑 CPU制造工艺又叫做CPU制程,它的先进与否决定了CPU的性能优劣.CPU的制造是一项极为复杂的过程,当今世上只有少数几家厂商具备研发和生产CPU的能力.CPU的发展史也可以看作 ...
- Flexbox(弹性盒模型)完全指南
Flexbox(弹性盒模型)布局完全指南 Github:sueRimn 来源:A guide to Flexbox 这个指南讲诉了flexbox的所有内容,重点介绍了父元素(flex容器)和子元素(f ...
随机推荐
- DataSet和DataTable详解
先构建一个结构与用户请求数据结构相同的DataTable,然后将用户的请求数据填充到构建好的DataTable中,最后将DataTable添加到DataSet中. DataTable,,DataCol ...
- JDK源码学习--String篇(二) 关于String采用final修饰的思考
JDK源码学习String篇中,有一处错误,String类用final[不能被改变的]修饰,而我却写成静态的,感谢CTO-淼淼的指正. 风一样的码农提出的String为何采用final的设计,阅读JD ...
- java 中有几种方法可以实现一个线程? 用什么关键字修 饰同步方法? stop()和 suspend()方法为何不推荐使用?
java5 以前, 有如下两种:第一种:new Thread(){}.start();这表示调用 Thread 子类对象的 run 方法, new Thread(){}表示一个Thread 的匿名子类 ...
- 计算Date间的分钟数
SimpleDateFormat simpleDateFormat = new SimpleDateFormat("HH:mm"); Date date_begin = simpl ...
- 使用astyle格式化代码【脚本】
astyle使用基础教程 http://cppblog.com/jokes000/articles/158838.html steps: (1) apt-get install astyle 或者去主 ...
- leetcode Palindrome Number python
class Solution(object): def isPalindrome(self, x): """ :type x: int :rtype: bool &quo ...
- Centos7 安装mysql数据库
第一步:下载数据库文件 # wget http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm 看到下载成功 第二步: # r ...
- Log4net 自定义字段到数据库(二)
这种方法比第一种方法麻烦些 Log4Net.config <?xml version="1.0" encoding="utf-8" ?> <c ...
- pyhon MySQLdb查询出来的数据设置为字典类型
import MySQLdbimport MySQLdb.cursors cxn=MySQLdb.Connect(host='localhost',user='root',passwd='1234', ...
- 解决ListView 和ScroolView 共存 listItem.measure(0, 0) 空指针
在网上找到ListView 和ScroolView 共存的方法无非是给他每个listview 重新增加高度,但是android 的设计者始终认为这并不是一种好的实现方法.但是有的时候有必须要用这种蛋疼 ...