基於asp.net的webmenu的資料操作(1)

來源:互聯網
上載者:User
asp.net|web|資料 基於asp.net的webmenu的資料操作(1)
摘要:越來越多的網頁中使用到了菜單,一般說來,菜單製作的方法比較多,編程的語言基本上是javascript或者vbscript這兩種,這種菜單一旦製作好就不能改變,修改起來比較麻煩。本文講解webmenu控制項,同時給出執行個體,講菜單和資料庫結合起來,實現動態菜單。

前言:

下拉式功能表技術常常在大型網站(如微軟公司網站)中被用於網站導航,這樣可有效縮短瀏覽者定位至特定內容的時間。用Javascript或VBscript雖可實現該項效果,但需要學習指令碼語言和DHTML。或者,還可以用Dreamweaver和CSS也能製作出(多級)下拉式功能表。

對菜單的顯示過程進行一下分析,可以發現以下幾點:

1 當滑鼠移動到文字(或映像)上,菜單顯示;

2 滑鼠從文字(或映像)上移開(除菜單外的位置),菜單消失;

3 滑鼠從文字(或映像)移動到菜單上,菜單保持顯示(這是關鍵);滑鼠從菜單移開,菜單消失。

4 對於多級菜單還要保持上下級菜單的同步。

5當滑鼠移動到功能表項目上,功能表項目的外觀(前景,背景或邊框)變化。

這些特點實現了菜單的部分功能,某一些菜單功能無法通過或者不方便通過指令碼語言來操作,例如,怎麼來實現菜單的Disenable和Enable功能。還有怎麼來實現菜單的“過程操作”(也就是沒有點擊“開啟檔案”,就無法進行“編輯”功能),這些方法均無法通過指令碼來實現,同時指令碼語句嵌入HTML語言中,結構複雜,寫作麻煩,技術要求較高,不能迅速掌握,現在也有一些寫作網頁菜單的工具,通過軟體操作,產生指令碼,然後拷貝指令碼到網頁裡,儘管這樣也可以實現網頁菜單,但是也無法實現上文所說的部分功能。

第一部分:Web Munu控制項

在網上搜尋到了一個很有用的控制項,WebMenu for ASP.NET(http://www.coalesys.com),這個控制項除了能夠實現產生指令碼語言的功能之外,就是還可以支援資料庫操作,通過在資料庫裡設定一些屬性的值,可以實現菜單的相關功能。而且該控制項產生的指令碼可以面向國中核心的瀏覽器,做到了真正的相容,使用起來沒有後顧之憂。

使用之前要註冊。註冊後就可以把註冊碼嵌入ASP.net的後台,以便分發部署的時候不會出錯。Web Menu的License key是一個字串,格式為:"使用者名稱:公司名稱:序號"具體使用如下:

WebMenu.UserData = "John Doe:Acme Corp:1234567890";

//如果沒有公司名稱,使用方法如下:
WebMenu.UserData = "John Doe::1234567890";


具體使用這個控制項的方法如下:

1:拷貝DLL到解決方案的bin目錄。

2:在您的頁面上註冊。語句為:

<%@ Register TagPrefix="cswm" Namespace="Coalesys.WebMenu" Assembly="Coalesys.WebMenu" %>


3:在頁面上放置Web Menu對象。

<cswm:WebMenu
ID = "QuickMenu"
ClearPixelImage = "/images/clearpixel.gif"
PopupIcon = "/images/popup.gif"
SelectedPopupIcon = "/images/selectedpopup.gif"
runat = "server">
</cswm:WebMenu>


4:添加菜單組和功能表項目。

<cswm:WebMenu
ID = "QuickMenu"
ClearPixelImage = "/images/clearpixel.gif"
PopupIcon = "/images/popup.gif"
SelectedPopupIcon = "/images/selectedpopup.gif"
runat = "server">

<cswm:Group
Caption = "Home"
runat="server">

<cswm:Item
Caption = "News"
URL = "News.aspx"
runat = "server" />

</cswm:Group>

</cswm:WebMenu>



5:添加嵌套菜單組和功能表項目。

<cswm:WebMenu
ID = "QuickMenu"
ClearPixelImage = "/images/clearpixel.gif"
PopupIcon = "/images/popup.gif"
SelectedPopupIcon = "/images/selectedpopup.gif"
runat = "server">

<cswm:Group
Caption = "Home"
runat="server">

<cswm:Item
Caption = "News"
URL = "News.aspx"
runat = "server" />

<cswm:Item
Caption = "About"
URL = "About.aspx"
runat = "server" />

<cswm:Item
Caption = "Products"
runat = "server">

<cswm:Group runat="server">

<cswm:Item
Caption = "Super Widget"
URL = "SuperWidget.aspx"
runat = "server" />

<cswm:Item
Caption = "Super Widget Pro"
URL = "SuperWidgetPro.aspx"
runat = "server" />

</cswm:Group>

</cswm:Item>

</cswm:Group>

</cswm:WebMenu>



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.