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 ...

随机推荐

C#按钮客户端验证
OnClientClick="return confirm('是否确定排除?');"
2014.9.15HTML
<html> <title> </title> ——页面标题 <head> </head> ——网页上的控制信息 <body> ...
Unity5UGUI 官方教程学习笔记（二）Rect Transform
Rect Transform Posx Posy Posz : ui相对于父级的位置 Anchors :锚点定义了与父体之间的位置关系一个锚点由四个锚组成四个锚分别代表了 ...
js处理json的方法
var json = "{id:"myid", url:"http://www.myurl.com"}"; var js= (new Fun ...
Django Web开发【7】投票与评论
为了让用户更好的发现和共享bookmark,可以提供投票与评论功能.现在我们的主页还是一个很简单的欢迎页面,我们可以让用户在主页共享自己的bookmark,此外,用户还可以对主页的bookmark进行 ...
hadoop搭建杂记：Linux下JDK环境变量的设置(三种配置环境变量的方法)
Linux下JDK环境变量的设置(三种配置环境变量的方法) Linux下JDK环境变量的设置(三种配置环境变量的方法) ①修改/etc/profile文件如果你的计算机仅仅作为开发使用时推荐使用这种 ...
JSP三大常用对象request、response、session
1.request对象客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求, 然后做出响应.它是HttpServletRequest类的实例. 序号方法说明 objectgetA ...
解决Thinkpad E450 外接显示器后没有声音的问题
昨天把公司配的ThinkPad E450 带回来了,今天用的时候一切正常没什么问题. 因为要看边看视频边做点别的,我就外接一台显示器,说出来我的这台显示器,你们绝对想不到是什么显示器.我的这台显示器 ...
Linux 网络编程基础（2）-- 获取主机信息
前一篇已经介绍了最基本的网络数据结构.这篇介绍一下获取主机信息的函数举个例子,想要通过代码的方式从百度获取当前的时间,怎么做?我们不知道百度的IP地址啊,这代码怎么写?还好,Linux提供了一些AP ...
转: requestAnimationFrame，Web中写动画的另一种选择
HTML5/CSS3时代,我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canv ...

MultiView空间例子

MultiView空间例子的更多相关文章

随机推荐

热门专题