iT邦幫忙

DAY 23
0

給學弟的ASP.NET網頁學習經驗系列 第 23

ASP.NET學習經驗#23----MultiView輕鬆切換內容

  • 分享至 

  • xImage
  •  

View:用來放置內容的地方跟Panel很類似

MultiView:用來裝載View的容器

在容器的View是有序的(Index從0開始)

有這樣的特性很適合做來填寫問卷、答題等實作

因為可以輕鬆做到切換頁面與跳至某處的功能

今天練習:

利用QuryString做參數

無參數時,呈現GridView取得總列表

有參數時,切換至Detail展示資料內容

首先當然要取用主角:

拉上一個MutiView與兩個切換的View

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.QueryString["ID"] != null)
    {
        MultiView.ActiveViewIndex = 1;
    }
    else
    {
        MultiView.ActiveViewIndex = 0;
    }
}

透過判斷QuerString指定一開始要呈現的View,使用ActiveViewIndex=索引值

再加入要使用的Detail與GridView

接著就是重要的切換功能!!!!要使用CommandNameCommandArgument

Command命令(Name)與參數(Argument)設定

CommandName設定為:

NextView/PrevView

按下這個按鈕就會跳到下一個/上一個View的內容。

SwitchViewByID

CommandArgument設定某個View控制項的ID,就會跳到那個View。

SwitchViewByIndex

CommandArgument設定某個View控制項的索引,就會跳到那個View。

測試一下:

回到前一個View的功能也可以確實切換唷!!!


上一篇
ASP.NET學習經驗#22----CheckBoxList不貼心,學習使用自訂控制項
下一篇
ASP.NET學習經驗#24----TemplateField處理Null、bootstrap的套用
系列文
給學弟的ASP.NET網頁學習經驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言