萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> dreamweaver教程 >> Dreamweaver制作事件日歷

Dreamweaver制作事件日歷

   由於Calendar日歷控件是服務器控件,要在含有runat="server"表單該服務器控件,但一頁面中只能有一個含有runat="server"表單,不然有時會出現如圖10-1所示的錯誤顯示。

Dreamweaver制作事件日歷 三聯

  圖10-1 頁面只能有一個含有runat="server"表單的錯誤

  那怎麼辦?這裡是采取嵌入式框架進行轉移。

  10.1 添加Calendar日歷控件

  (1)新建一個空白ASP.NET VB動態頁。

  (2)插入帶出runat="server"表單,設置ID=”Calfrm”。

  (3)點擊ASP.NET快捷菜單下的“更多標簽”按鈕,在彈出【標簽選擇器】對話框中選擇“ASP.NET 標簽”下的“asp Calendar”,如圖10-2所示。

  圖10-2 插入“asp Calendar”標簽

  (4)按“插入”按鈕,彈出【標簽編輯器—Calendar】對話框,如圖10-3所示。在這個對話中,可以對Calendar日歷控件的樣式進行設置,由於有中文,在這裡就不多講了。

  (5)保存ASP.NET VB動態頁為dkCalendar.aspx。在IE中浏覽,如圖10-4所示。

  圖10-3 【標簽編輯器—Calendar】對話框

  圖10-4 dkCalendar.aspx在IE中的浏覽

  在圖10-1-4中,可以看到星期的顯示太長了,很難看!如果顯示為“日、一、二、三、四、五、六”,那就好了。

  10.2 修改Calendar的星期顯示

  (1)在Dreamweaver中打開dkCalendar.aspx,切換到代碼視圖,尋找如下代碼:

  把它改為:

  (2)點擊ASP.NET快捷菜單下的“а:xy”按鈕,插入命名空間,如圖10-5所示。

  (3)此時新添代碼:

  輸入命名空間為System.Globalization,即代碼改為:

  (4)再添加命名空間System.Threading,結果如圖10-6所示。

  圖10-5 插入命名空間

  圖10-6 插入命名空間後代碼

  (5)在代碼:

  之後,空一行,並插入如下代碼:

  (6)選擇日歷控件Calendar1的原代碼,切換到【標簽】面板的【屬性】選項卡,展開“外觀”選項,選擇“DayNameFormat”項的下拉菜單,並選擇“Full”,如圖10-7所示。

  (7)保存dkCalendar.aspx,在IE中進行浏覽,結果如圖10-8所示。

  圖10-7 選擇“DayNameFormat”值為“Full”

  圖10-8 dkCalendar.aspx修改後在IE浏覽

  10.3 添加日歷事件

  (1)在Dreamweaver中打開dkCalendar.aspx,切換到代碼視圖,選擇Calendar1的原代碼,右鍵單擊它,在彈出的快捷菜單中選擇“編輯標簽(E)”,如圖10-9所示。

  圖10-9 選擇“編輯標簽(E)”

  (2)在彈出【編輯標簽—calendar】的對話框中,展開“事件”項,選擇“OnSelectionChanged”,在“Calendar —OnSelectionChanged”事件文本區域中,輸入“Calendar1_SelectionChanged”,按“確定”按鈕,如圖10-10所示。

  圖10-10 編輯OnSelectionChanged事件

copyright © 萬盛學電腦網 all rights reserved