在asp.net 2.0中,增加了許多新的控制項和功能,大大方便了開發者的開發。這次要講解的是在asp.net 2.0中新增的multiview控制項的使用。所謂multiview控制項,實際上是有點象在c/s開發中很常見的tabcontrol控制項,可以在乙個頁面中,放置多個"view"(我們稱為選項卡),比如可以用multiview控制項,可以讓使用者在同一頁面中,通過切換到每個選項卡,從而看到要看的內容,而不用每次都重新開啟乙個新的視窗。本文,將以visual studio .net 2005 為例,說明如何使用asp.net 2.0中的multiview控制項。
首先,開啟visual studio .net 2005,新建乙個website,我們選用vb.net語言。然後,往web窗體中拖拉乙個menu控制項,這個menu控制項是負責控制各個選項卡的,也就是最終呈現在使用者面前的介面,並且我們指定每個選項卡的樣式,**如下:
<asp:menu id="menu1" width="168px" runat="server" orientation="horizontal" staticenabledefaultpopoutimage="false" onmenuitemclick="menu1_menuitemclick">
<items>
<asp:menuitem imageurl="~/selectedtab.gif" text=" " value="0"></asp:menuitem>
<asp:menuitem imageurl="~/unselectedtab.gif" text=" " value="1"></asp:menuitem>
<asp:menuitem imageurl="~/unselectedtab.gif" text=" " value="2"></asp:menuitem>
</items>
</asp:menu>
接著,拖拉乙個multiview控制項到web窗體中,放在剛才的menu控制項下,注意,multiview控制項中,分成很多個view選項卡,我們這裡為了方便,暫時設定為3個選項卡,並且在每乙個選項卡中,都設計乙個**,在實際應用中,這個**就是當使用者點選每個選項卡時顯示給使用者看的內容。**如下
<asp:multiview id="multiview1" runat="server" activeviewindex="0" >
<asp:view id="tab1" runat="server" >
<table width="600" height="400" cellpadding=0 cellspacing=0>
<tr valign="top">
<td class="tabarea" style="width: 600px">
tab view 1
insert your conent in here
change selected image url as necessary
</td>
</tr>
</table>
</asp:view>
<asp:view id="tab2" runat="server">
<table width="600px" height="400px" cellpadding=0 cellspacing=0>
<tr valign="top">
<td class="tabarea" style="width: 600px">
tab view 2
insert your conent in here
change selected image url as necessary
</td>
</tr>
</table>
</asp:view>
<asp:view id="tab3" runat="server">
<table width="600px" height="400px" cellpadding=0 cellspacing=0>
<tr valign="top">
<td class="tabarea" style="width: 600px">
tab view 3
insert your conent in here
change selected image url as necessary
</td>
</tr>
</table>
</asp:view>
</asp:multiview>
最後,我們對menu的itemclick事件進行編寫**,在下面的**中,為了演示效果,我們設定了兩幅,當使用者點選當前選項卡時,選項卡的顯示出"selected tab"的圖案,而其他的兩個沒點選的則顯示灰色,**如下
protected sub menu1_menuitemclick(byval sender as object, _
byval e as menueventargs) handles menu1.menuitemclick
multiview1.activeviewindex = int32.parse(e.item.value)
dim i as integer
for i = 0 to menu1.items.count - 1
if i = e.item.value then
menu1.items(i).imageurl = "selectedtab.gif"
else
menu1.items(i).imageurl = "unselectedtab.gif"
end if
next
end sub
執行上面的程式,可以得到下面的結果,下圖是點選第二個選項卡時的結果。
利用Menu和MultiView做乙個選單導航
後台 如下 using system using system.collections.generic using system.linq using system.web using system.web.ui using system.web.ui.webcontrols namespace p...
C 控制項 MenuStrip控制項(選單控制項)
一 概述 選單通過存放按照一般主題分組的命令將功能公開給使用者。menustrip 控制項是此版本的 visual studio 和 net framework 中的新功能。使用該控制項,可以輕鬆建立 microsoft office 中那樣的選單。menustrip 控制項支援多文件介面 mdi ...
隱藏控制項 HiddenField控制項
hiddenfield 控制項hiddenfield 控制項顧名思義就是隱藏輸入框的伺服器控制項 它能讓你儲存那些不需要顯示在頁面上的且對安全性要求不高的資料。也許這個時候應該有這麼乙個疑問,為什麼有了 viewstate session 和cookie 等狀態儲存機制,還需要用起 hiddenfi...