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="external nofollow"  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";
        }    }
}

个人收藏笔记记录

开通VIP