使用Mulitview制作选项卡效果

最新推荐文章于 2024-08-22 11:28:14 发布
最新推荐文章于 2024-08-22 11:28:14 发布
阅读量72 收藏
点赞数
文章标签： xhtml ui c#

使用MultiView与View单击不同的Linkbutton，显示不同领域的内容，效果如课件中截图所示。


MultiViewDemo.aspx:

<%@ Page Xlanguage="C#" AutoEventWireup="true" CodeBehind="MultiViewDemo.aspx.cs" Inherits="WebTableDemo.MultiViewDemo" %>

<!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>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button" Xοnclick="Button1_Click" />
<asp:Button ID="Button2" runat="server" text="Button" Xοnclick="Button2_Click" />
<asp:Button ID="Button3" runat="server" Text="Button" Xοnclick="Button3_Click" />

<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">

<asp:View ID="View1" runat="server">
<asp:Button ID="Button5" runat="server" CommandName="NextView" Text="&gt;" />
<br />
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
</asp:View>


<asp:View ID="View2" runat="server">
<asp:Button ID="Button7" runat="server" CommandName="NextView" Text="&gt;" />
<asp:Button ID="Button8" runat="server" CommandName="PrevView" Text="&lt;" />
<br />
<asp:FileUpload ID="FileUpload1" runat="server" />
<br />
<asp:Button ID="Button4" runat="server" Text="Button" />
</asp:View>


<asp:View ID="View3" runat="server">
<asp:Button ID="Button10" runat="server" CommandName="PrevView" Text="&lt;" />
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</asp:View>

</asp:MultiView>
</div>
</form>
</body>
</html>

MultiViewDemo.aspx.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebTableDemo
{
public partial class MultiViewDemo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}

protected void Button1_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 0;

}

protected void Button2_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 1;
}

protected void Button3_Click(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 2;
}
}
}



iteye_3224
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
多视图学习（multiview learning）
weixin_30797199的博客
10-30 3357
多视图学习（multi-view learning） 前期吹牛：今天这一章我们就是来吹牛的，刚开始老板在和我说什么叫多视图学习的时候，我的脑海中是这么理解的：我们在欣赏妹子福利照片的时候，不能只看45度角的吧，要不那样岂不是都是美女了，这还得了。所以我们要看各个角度的照片，打击盗版美女，给大家创建一个真诚的少点欺骗的和谐世界。所以说，多视图学习就是360度，全方位无死角的欣赏（学习）然后得到最接...
如何使用MultiView和view制作选项卡
wwttqq85538649的专栏
12-12 1669
 1）从工具箱中将一个Menu控件拖到该页上，并做如下设置 <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" onmenuitemclick="Menu1_MenuItemClick">
MultiView
chaojie2009的专栏
06-16 1396
CommandName 值  CommandArgument 值  NextView  （没有值）PrevView  （没有值）SwitchViewByID  要切换到的 View 控件的 ID。SwitchViewByIndex  要切换到的 View 控件的索引号。下面的示例显示一个包含三个 View 控件的 MultiView 控件。每个 View 控件包含一个移动到特定 View 控件的 Button 控件。示例代码Code highlighting produced by Actipro Code
ASP.NET 用MultiView和View实现选项卡效果
一只写bug的程序猿的博客
07-28 4413
MultiView 和 View Web 服务器控件用作其他控件和标记的容器，并提供了一种可方便地显示信息的替换视图的方式。可以使用 MultiView 和 View 控件执行如下任务： 根据用户选择或其他条件提供备选控件集。创建多页窗体。MultiView 和 View 结构 MultiView 控件用作一个或多个 View 控件的外部容器。View 控件又可包含标记和控件的任何组合。Multi
ASP.net开发标准控件之Multiview
潇逗
01-19 5145
一、 控件介绍 MultiView 和 View 控件和制作出选项卡的效果，MultiView 控件是一组 View 控件的容器。使用它可定义一组 View 控件，其中每个 View 控件都包含子控件。 如果要切换视图，可以使用控件的ID或者View控件的索引值。在 MultiView 控件中，一次只能将一个 View 控件定义为活动视图。如果某个 View 控件定义为活动视图，它所包
单文档窗体切分视图切换
11-05
这个例子程序“MulitView”很可能是实现这些功能的一个小型示例，通过运行和调试，可以更直观地理解这些概念和过程。 总之，单文档窗体切分视图切换是提高用户体验和生产力的重要功能，尤其在处理大量数据或需要...
MultiView和View
Quietlove的专栏
09-25 539
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">                          
ASP.NET服务器控件使用之MultiView和View
weixin_34356310的博客
08-24 125
 MultiView 和 View 控件和制作出选项卡的效果，MultiView 控件是一组 View 控件的容器。使用它可定义一组 View 控件，其中每个 View 控件都包含子控件。     如果要切换视图，可以使用控件的ID或者View控件的索引值。在 MultiView 控件中，一次只能将一个 View 控件定义为活动视图。如果某个 View 控件定义为活动视图，它所包含的子控件则会呈...
几个常用控件的练习总结（radioButtonList，MultiView，Adratator，Literal，Panel控件中动态添加文本框）
zjj780320380的专栏
04-19 1651
1.radioButtonList常用属性：SelectedItem.Text;Selected.Text;2.MultiView的常用属性：ActiveViewIndex;3.Adratator控件主要是写XML文件例，如下 ： ~/Image/11.png http://www.baidu.com Ad for Baidu 50 ~/Im
ASP.NET 用MultiView和View实现选项卡效果
热门推荐
Chinajiyong的专栏
05-17 2万+
ASP.NET中的MultiView和View可以作为其他控件的容器，提供了一种可方便地显示信息的替换视图方式。通常情况下， MultiView和View搭配使用。我一般很少使用这两控件，本文讲讲用MultiView和View实现选项卡效果。贴上前台代码： 用MultiView和View实现选项卡效果
Java 图片转PDF的开源库
小湘西的博客
08-17 419
Flying Saucer 是一个用于将 XHTML 和 CSS 渲染为 PDF 的库。Apache PDFBox 是一个开源库，用于创建和操作 PDF 文档。如果使用 Maven，可以在。
Android架构组件：MVVM模式的实战应用
m0_66995023的博客
08-22 270
在 Android 开发中，MVVM（Model-View-ViewModel）模式是一种非常流行的架构模式，它可以帮助开发者更好地组织代码，使得应用程序更加模块化、易于维护。用途：在 ViewModel 中使用，当数据发生变化时通知 View 更新。职责：作为 Model 和 View 之间的桥梁，处理 UI 相关的逻辑。实例：持有数据和 UI 相关的状态，处理用户输入，更新 UI 等。用途：实现 View 和 ViewModel 之间的双向绑定。特点：简化 UI 更新逻辑，减少手动更新 UI 的代码。
Appium定位元素
weixin_71113035的博客
08-18 377
Appium定位元素
作业8/16
2201_75783063的博客
08-18 239
将登录按钮使用qt5版本的连接到自定义的槽函数中，在槽函数中判断ui界面上输入的账号是否为"admin"，密码是否为"123456",如果账号密码匹配成功，则输出“登录成功”，并关闭该界面，如果匹配失败，则输出登录失败，并将密码框中的内容清空。使用手动连接，将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数。
Compose（2）声明式UI
challenge51all的专栏
08-19 389
声明式 UI 是指开发者只需要描述界面应该呈现的状态，而不需要关心具体的实现细节。框架会根据这些描述自动更新和渲染界面，使得开发者可以更专注于业务逻辑的实现。总之，Jetpack 的声明式 UI 为开发者提供了一种更加高效、可读和可维护的方式来构建用户界面，同时也提高了性能和用户体验。在 Jetpack Compose 中，声明式 UI 是一种构建用户界面的方式，与传统的命令式 UI 有很大的不同。这里只需要描述界面上应该显示的文本内容，而不需要关心文本是如何绘制到屏幕上的。更好的可读性和可维护性。
【el-switch更改高、宽、颜色样式】深入浅出element ui的switch同页面存在多个更改样式互不影响
最新发布
????鱼干～
08-22 614
【el-switch更改高、宽、颜色样式】深入浅出element ui的switch同页面存在多个更改样式互不影响
Vue3里如何使用本地lottie动画以及如何更优雅的批量引入图片
xChive的博客
08-17 474
介绍了 Lottie 动画及其在 Vue 3 项目中的使用方法，重点解决了批量引入图片和相对路径问题，确保动画正常显示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值