ASP.NET中的Menu控件的應(yīng)用及XmlDataSource的了解

<?xmlversion="1.0"encoding="utf-8"?> 
<Menusvalue=""> 
<TopMenuid="100"value=""ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_stl.jpg"NavigateUrl=""> 
<TopMenuItemid="101"value="ApplyforShortTermLeaseofStateLand"NavigateUrl="~/TOL/Issuance/AppTOLApplication.aspx"></TopMenuItem> 
<TopMenuItemid="102"value="ManageMyExistingAccount"NavigateUrl="~/CaseEnquiry/HomeAuthenticate.aspx?ShowPanel=true"></TopMenuItem> 
<TopMenuItemid="103"value="ViewMessagesforMyApplications"NavigateUrl="~/CommonUtility/Email/ListAppCorrespondence.aspx"></TopMenuItem> 
</TopMenu> 
<TopMenuid="200"value=""ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_aosl.jpg"NavigateUrl=""> 
<TopMenuItemid="202"value="ManageMyExistingStateTitle"NavigateUrl=""></TopMenuItem> 
<TopMenuItemid="203"value="ViewMessagesforMyApplications"NavigateUrl=""></TopMenuItem> 
</TopMenu> 
<TopMenuid="300"value=""ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_lup.jpg"NavigateUrl=""> 
<TopMenuItemid="301"value="SubmitProposalforLandUse"NavigateUrl=""></TopMenuItem> 
</TopMenu> 
<TopMenuid="500"value=""ImageUrl="~/App_Themes/Public/images/PublicImages/topMenu_logout.jpg"NavigateUrl="~"Logout.aspx"> 
</TopMenu> 
</Menus> 
 
html中創(chuàng)建xmldatasource和asp:menu控件： 
 代碼如下:

<asp:XmlDataSourceID="XmlDataSource1"runat="server"DataFile="Menusite.xml"></asp:XmlDataSource> 
<asp:MenuDataSourceID="XmlDataSource1"runat="server"ID="Menu1"MaximumDynamicDisplayLevels="4" 
Orientation="Horizontal"StaticDisplayLevels="2"StaticEnableDefaultPopOutImage="False" 
DynamicEnableDefaultPopOutImage="false"StaticSubMenuIndent=""ItemWrap="True"> 
<DataBindings> 
<asp:MenuItemBindingDataMember="TopMenu"ImageUrlField="ImageUrl"TextField="value" 
NavigateUrlField="NavigateUrl"ValueField="value"/> 
<asp:MenuItemBindingDataMember="TopMenuItem"NavigateUrlField="NavigateUrl"TextField="value" 
ValueField="value"/> 
<asp:MenuItemBindingDataMember="Menus"TextField="value"ValueField="value"/> 
</DataBindings> 
</asp:Menu> 
 
menu的確夠全面，只需要設(shè)置屬性就可以滿足你的要求，無需任何代碼： 
MaximumDynamicDisplayLevels：指定在靜態(tài)顯示層后應(yīng)顯示的動態(tài)顯示菜單節(jié)點層數(shù)。如果設(shè)置為0，子節(jié)點將不顯示動態(tài)。 
Orientation：用于在頁面上設(shè)置一個水平菜單條。 
StaticDisplayLevels：從根菜單算起，靜態(tài)顯示的菜單的層數(shù)。上面的小技巧為：xml必須有根節(jié)點，但是在菜單顯示的時候要顯示第二層的菜單項，所以將此 
xml的根節(jié)點value設(shè)為空，然后設(shè)置saticDisplayLeves為2，這樣用戶看到的就是靜態(tài)顯示的第二層。 
StaticEnableDefaultPopOutImage：靜態(tài)菜單項默認顯示帶有小箭頭，設(shè)置為false，將修改這個狀態(tài)。 
DynamicEnableDefaultPopOutImage：設(shè)置動態(tài)顯示是否帶有小箭頭。 
StaticSubMenuIndent：控制顯示了子菜單條目的縮進深度，如果這些菜單層級被設(shè)置為以靜態(tài)模式顯示。 
ItemWrap：設(shè)置菜單項是否可以換行。 
通過上面的設(shè)置可以輕松的制作出想要的menu的樣式。
 
 




聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com