MultiView コントロールと View コントロールの配置 - おのれ鍋奉行が！

MultiView コントロールと View コントロールの配置

概要

タイトルのまんま。

※MultiView: 複数個のViewを格納し、常にひとつのViewだけを表示する箱。
※View: MultiViewに格納される部品。

参考：

• ＠IT総合トップ / テクノロジー / Insider.NET / .NET TIPS / ［ASP.NET］MultiView／Viewでマルチビューのページを作成するには？

前提条件

• 他ページへのリンク

手順

[ツールボックス]　->　「MultiView」を「default.aspx」のデザインビューにドラッグアンドドロップで配置。

not found (207.jpg)

[ツールボックス]　->　「View」を「MultiView」の中にドラッグアンドドロップで配置。

not found (208.jpg)

[ツールボックス]　->　二つ目の「View」を「MultiView」の中にドラッグアンドドロップで配置。

not found (209.jpg)

１．view1 に「我が名はview1です。」と書く。
２．view2 に「我が名はview2です。」と書く。
３．切り替えスイッチとして、button コントロールを配置。

not found (210.jpg)

MultiView1のプロパティ「ActiveViewIndex」を「0」に設定。

not found (211.jpg)

default.aspx.vb を以下のように変更。

Partial Class _Default
    Inherits System.Web.UI.Page
 
    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) _
    Handles Button1.Click
 
        If MultiView1.ActiveViewIndex <> 0 Then
            MultiView1.ActiveViewIndex = 0
        Else
            MultiView1.ActiveViewIndex = 1
        End If
 
    End Sub
End Class
 

実行すると以下のようになる。
まずはview1だけが表示されている。

not found (212.jpg)

button を押すと、view1 と view2 が入れ替わる。

not found (213.jpg)

再度 button を押すと、view1に戻り、以下繰り返し。

not found (212.jpg)