第12講服務(wù)器控件(三)(編輯修改稿)
2025-02-26 13:08 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 HorizontalPadding=2px NodeSpacing=0px VerticalPadding=2px / ? /asp:TreeView 頁(yè)面運(yùn)行效果 ? Menu，使用該控件，開(kāi)發(fā)人員可以在網(wǎng)頁(yè)上模擬 Windows的菜單導(dǎo)航效果。 ? 開(kāi)發(fā)人員可以在 Menu控件中直接配置其內(nèi)容，也可通過(guò)將該控件綁定到數(shù)據(jù)源的方式來(lái)指定其內(nèi)容。 ? 無(wú)需編寫(xiě)任何代碼，便可控制 Menu控件的外觀和內(nèi)容。 ? Menu控件作為一種導(dǎo)航控件，同樣的可以輕松的綁定到 SiteMapDataSource控件來(lái)實(shí)現(xiàn)站點(diǎn)導(dǎo)航。 ? 下面將介紹如何通過(guò) Menu控件使用靜態(tài)項(xiàng)建立復(fù)雜的導(dǎo)航菜單。 ? Menu控件的兩種顯示模式： –靜態(tài)模式： Menu控件始終是完全展開(kāi)的。整個(gè)結(jié)構(gòu)都是可視的，用戶可以單擊任何部位。 –動(dòng)態(tài)模式：只有指定的部分是靜態(tài)的，而只有用戶將鼠標(biāo)指針?lè)胖迷诟腹?jié)點(diǎn)上時(shí)才會(huì)顯示其子菜單項(xiàng)。 靜態(tài)顯示行為 ? 使用 Menu控件的 StaticDisplayLevels屬性可控制靜態(tài)顯示行為。 ? StaticDisplayLevels屬性指示從根菜單算起，靜態(tài)顯示的菜單的層數(shù)。 ? 例如，如果將 StaticDisplayLevels，設(shè)置為 3，菜單將以靜態(tài)顯示的方式展開(kāi)其前三層。 ? StaticDisplayLevels的最小值為 1，否則會(huì)引發(fā)異常。 動(dòng)態(tài)顯示行為 ? MaximumDynamicDisplayLevels屬性指定在靜態(tài)顯示層后應(yīng)顯示的動(dòng)態(tài)顯示菜單節(jié)點(diǎn)層數(shù)。 ?如果將MaximumDynamicDisplayLevels設(shè)置為 0，則不會(huì)動(dòng)態(tài)顯示任何菜單節(jié)點(diǎn)。 ?如果將MaximumDynamicDisplayLevels設(shè)置為負(fù)數(shù)，則會(huì)引發(fā)異常。 關(guān)于 IE8不兼容 Menu控件的解決辦法 ? 在 IE8下顯示 Menu控件異常，不會(huì)彈出動(dòng)態(tài)的菜單，解決該問(wèn)題的較簡(jiǎn)單的辦法有以下兩種： ? (1)打開(kāi) ie8工具 兼容性視圖設(shè)置 勾選 【 在兼容性視圖中顯示所有網(wǎng)站 】 。 ? (2)強(qiáng)制 IE解析為與 IE7 META兼容。 ? 這通過(guò)在 menu控件所在的頁(yè)面的 head標(biāo)記內(nèi)增加如下所示的 meta標(biāo)簽代碼： ? head runat=server ? meta equiv=XUACompatible content=IE=EmulateIE7 / ? /head ?下面以 ” 直接配置內(nèi)容”的方式設(shè)置Menu控件，具體過(guò)程如下： ? (1)創(chuàng)建一個(gè)新 Web窗體 ，從 【 工具箱 】 窗格的 【 導(dǎo)航 】 選項(xiàng)卡中選擇 Menu控件，將其添加到 Web窗體上。 ? (2) 左擊 Menu控件，打開(kāi) Menu任務(wù)對(duì)話框，選擇 【 編輯菜單項(xiàng) 】 命令，彈出【 菜單項(xiàng)編輯器 】 對(duì)話框，使用提供的按鈕進(jìn)行編輯，如下圖所示，完成后，單擊 【 確定 】 按鈕返回頁(yè)面窗體。 編輯菜單項(xiàng) 注： NavigateUrl屬性指示該菜單項(xiàng)鏈接到的網(wǎng)頁(yè)地址 。 ? (3)單擊選擇 Menu控件，在 【 屬性 】 窗格完成以下設(shè)置： – 設(shè) StaticDisplayLevels(靜態(tài)顯示層數(shù) )為 “1” 設(shè)置。 – 設(shè) Orientation為 Horizontal。 – 設(shè) StaticEnableDefaultPopOutImage為 False 。 – 設(shè) DynamicEnableDefaultPopOutImage為 False – 設(shè) LevelMenuItemStyle如下 :(層菜單項(xiàng)風(fēng)格 ) ? 第 0層： ItemSpacing=“ 5px BackColor=EAEAEA FontSize=14px ForeColor=284E98 ? 第 1層： BackColor=FFFFCC FontSize=14px ForeColor=996633 ? 第 2級(jí)： BackColor=E8E8E8“ Font Size=14px ForeColor=009933 – 設(shè)置 StaticHoverStyle(靜態(tài)菜單懸停風(fēng)格 )如下： FontUnderline=true – 設(shè)置 DynamicHoverStyle(動(dòng)態(tài)菜單懸停風(fēng)格 )如下： FontUnderline=true 頁(yè)面運(yùn)行效果 ? 下面將給出一個(gè)導(dǎo)航控件的綜合小實(shí)例。 ? 在該小實(shí)例中，我們將通過(guò)綁定站點(diǎn)地圖SiteMapDataSource數(shù)據(jù)源控件，分別利用Menu控件、 TreeView控件以及SiteMapPath控件，實(shí)現(xiàn)站點(diǎn)導(dǎo)航的自動(dòng)顯示。 ? 下面將首先介紹一下 SiteMapDataSource控件，然后給出創(chuàng)建該實(shí)例的操作步驟。 SiteMapDataSource控件 ? SiteMapDataSource控件用于連接并處理存儲(chǔ)在站點(diǎn)地圖文件 據(jù)。該控件主要有如下幾個(gè)屬性用于控制站點(diǎn)地圖的顯示： – StartFromCurrentNode：用于指定站點(diǎn)地圖節(jié)點(diǎn)是否從當(dāng)前頁(yè)的節(jié)點(diǎn)進(jìn)行檢索。 – StartingNodeUrl :指定 SiteMapDatasource控件從指定的節(jié)點(diǎn)位置開(kāi)始檢索節(jié)點(diǎn)。 – ShowStartingNode：指示是否檢索并顯示起始節(jié)點(diǎn)。 ： ? ?xml version= encoding=utf8 ? ? siteMap xmlns= ? siteMapNode url= title=首頁(yè) description= ? siteMapNode url= title=清華大學(xué)出版社 description= ? siteMapNode url= title=獲獎(jiǎng)圖書(shū) description= / ? siteMapNode url= title=優(yōu)秀教材 description= / ? siteMapNode url= title=精品圖書(shū) description= / ? siteMapNode url= title=書(shū)友論壇 description= / ? /siteMapNode ? siteMapNode url= title=人民郵電出版社 description= ? siteMapNode url= title=新書(shū)推薦 description= / ? siteMapNode url= title=熱賣圖書(shū) description= / ? /siteMapNode ? siteMapNode url= title=人民教育出版社 descript
電大資料相關(guān)推薦
鄂ICP備17016276號(hào)-1