ASP.net开发标准控件之Multiview

一、控件介绍MultiView 和 View 控件和制作出选项卡的效果，MultiView 控件是一组 View 控件的容器。使用它可定义一组 View 控件，其中每个 View 控件都包含子控件。如果要切换视图，可以使用控件的ID或者View控件的索引值。在 MultiView 控件中，一次只能将一个 View 控件定义为活动视图。如果某个 View 控件定义为活动视图，它所包

m01ly

5221人浏览 · 2018-01-19 20:55:36

m01ly · 2018-01-19 20:55:36 发布

一、控件介绍

MultiView 和 View 控件和制作出选项卡的效果，MultiView 控件是一组 View 控件的容器。使用它可定义一组 View 控件，其中每个 View 控件都包含子控件。
如果要切换视图，可以使用控件的ID或者View控件的索引值。在 MultiView 控件中，一次只能将一个 View 控件定义为活动视图。如果某个 View 控件定义为活动视图，它所包含的子控件则会呈现到客户端。可以使用 ActiveViewIndex 属性或SetActiveView 方法定义活动视图。如果 ActiveViewIndex 属性为空，则 MultiView 控件不向客户端呈现任何内容。如果活动视图设置为MultiView 控件中不存在的 View，则会在运行时引发 ArgumentOutOfRangeException。
一些常用的属性、方法：
ActiveViewIndex属性：用于获取或设置当前被激活显示的View控件的索引值。默认值为－1，表示没有View控件被激活。
SetActiveView方法：用于激活显示特定的View控件。
4个静态只读字段：若要允许用户在 MultiView 控件中的 View 控件之间进行导航，可将 LinkButton 或 Button 控件添加到每个 View 控件。若要利用 MultiView 控件对当前活动 View 进行自动更新，请将按钮或链接按钮的 CommandName 属性设置为与所需导航行为对应的命令名字段的值，这些命令名字段如下：
PreviousViewCommandName,NextViewCommandName,SwitchViewByIDCommandName 或SwitchViewByIndexCommandName。
ActiveViewChanged事件：当视图切换时被激发

二、任务介绍

添加新网页Multiview.aspx，完成下图所示的功能：
这里写图片描述
（1）在该视图上实现对食物的选择。
（2）当单击“提交”按钮后，会自动按照选中状态累加统计出各个食物被选中的次数，并跳转到下图所示的结果视图。

（3）当单击“返回”按钮后，会回到实现对食物的选择视图。
需要用到控件：1个Multiview；2个View；1个CheckBoxList；1个BulletedList；2个Button。

三、任务操作

3.1.完成基本界面

在S16解决方案的Web项目中添加新网页Multiview.aspx，并将控件：1个Multiview；2个View；1个CheckBoxList；1个BulletedList；2个Button拖到页面中，设置其属性值：
这里写图片描述

效果图如下：
设计图：
这里写图片描述
代码：

3.2 功能分析

1.功能描述与分析：
（1）当单击“提交”按钮后，会自动按照选中状态累加统计出各个食物被选中的次数，并跳转到下图所示的结果视图。
（2）当单击“返回”按钮后，会回到实现对食物的选择视图。
事件（1）显然属于提交按钮的点击Click事件，事件（2）属于返回按钮的Click事件。
事件内容为：
事件（1）：
首先统计出复选框列表（CheckBoxList）的选择次数（历史次数+（1）），将其赋值到对应的BulletedList的Item上，修改其的Value值和Text值。
其次跳转到视图2.
事件（2）：跳转到视图1。
2.操作步骤：
1)打开“提交Button”的属性界面，选择事件图标，双击Click，创建了点击事件btnSubmit_Click（）
并添加点击事件内容：
这里写图片描述
2）打开“返回Button”的属性界面，选择事件图标，双击Click，创建了点击事件btnBack_Click（），并添加事件内容如下：

3）运行页面：在“解决方案资源管理器”中选中Multiview.aspx页面，右击点击“在浏览器中查看”
效果图为：

这里写图片描述

原代码：

前端：Multiview.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Multiview.aspx.cs" Inherits="Web.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>
</head>
<body>
    <form id="form1" runat="server">
    <div>  
        <asp:MultiView ID="mlvw" runat="server" ActiveViewIndex="0">
            <asp:View ID="vw1" runat="server">
                <asp:CheckBoxList ID="chkbxlst" runat="server" AutoPostBack="True">
                    <asp:ListItem Value="1.0">香蕉</asp:ListItem>
                    <asp:ListItem Value="2.0">苹果</asp:ListItem>
                    <asp:ListItem Value="3.0">梨子</asp:ListItem>
                </asp:CheckBoxList>
                <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
            </asp:View>
            <asp:View ID="vw2" runat="server">
                <asp:BulletedList ID="bltdlst" runat="server">
                    <asp:ListItem Value="1.0">香蕉（已选择 0 次）</asp:ListItem>
                    <asp:ListItem Value="2.0">苹果（已选择 0 次）</asp:ListItem>
                    <asp:ListItem Value="3.0">梨子（已选择 0 次）</asp:ListItem>
                </asp:BulletedList>
                <asp:Button ID="btnBack" runat="server" Text="返回" onclick="btnBack_Click" />
                <br />
            </asp:View>
        </asp:MultiView>   
    </div>
    </form>
</body>
</html>

后端：Multiview.aspx.cs

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

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

        }

        protected void btnSubmit_Click(object sender, EventArgs e)
        {

            int idx = 0;
            foreach (ListItem Item in this.chkbxlst.Items)
            {
                if (Item.Selected)
                {
                    ListItem aItem = this.bltdlst.Items[idx];
                    //获取BulletedList的Item之前的次数
                    int iCount = Convert.ToInt32(
                    aItem.Value.Substring(aItem.Value.IndexOf('.') + 1));
                    //修改BulletedList列表项的“Value”属性
                    aItem.Value = aItem.Value.Replace(
                    string.Format(".{0}", iCount),
                    string.Format(".{0}", iCount + 1));
                    //修改CheckBoxList1列表项的“Value”属性
                    Item.Value = aItem.Value.Replace(
                    string.Format(".{0}", iCount),
                    string.Format(".{0}", iCount + 1));
                    //  修改列表项的“Text”属性，以便显示被选择的累加结果。
                    aItem.Text = aItem.Text.Replace(
                    string.Format("（已选择 {0} 次）", iCount),
                    string.Format("（已选择 {0} 次）", iCount + 1));
                }
                idx++;
            }
            //跳到视图2
            mlvw.SetActiveView(vw2);
        }

        protected void btnBack_Click(object sender, EventArgs e)
        {
            //跳转到第一个视图
            mlvw.SetActiveView(vw1);
        }
    }
}

向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

云原生

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...