如何使用Calendar控件顯示HiredDate字段

這篇文章主要介紹“如何使用Calendar控件顯示HiredDate字段”，在日常操作中，相信很多人在如何使用Calendar控件顯示HiredDate字段問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何使用Calendar控件顯示HiredDate字段”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

在GridView中將數據顯示為文本的話，只需要簡單的使用BoundField就可以了。然而，在某些特定的場合，數據***是展示為一個特殊的Web控件而不是一個簡單的文本。這樣的自定義的數據顯示就可以用TemplateField來做。比如說，比起將雇員的雇傭日期顯示成文本來說，我們覺得將其高亮的顯示在一個Calendar（使用Calendar控件）中會更爽一些。

要做到這一點，先將HiredDate這個綁定列轉換成一個模板列。像之前做的那樣轉換就是了，大家應該還沒有忘記吧？在GridView的智能標簽那里下手就可以了。

Calendar控件：將HiredDate綁定列轉換成一個模板列

就像我們在第二步中看到的那樣，這個操作會將綁定列替換成一個含有ItemTemplate和EditItemTemplate的模板列，其中的ItemTemplate和EditItemTemplate分別帶有一個Label和一個TextBox，而這個Label和TextBox的Text屬性都使用了數據綁定語句< %# Bind("HiredDate")%>來將HireDate綁定到自己身上。

要用Calendar控件來替換這個文本的話，我們可以編輯模板：刪除Label控件，并添加上一個Calendar控件。在設計器中，從GridView的智能標簽的彈出菜單中選擇“編輯模板”（Edit Templates），并在下拉列表中選擇HireDate模板列的ItemTemplate。然后，刪除Label控件并從工具箱中拖一個Calendar控件到模板編輯界面中。

Calendar控件：給HireDate模板列的ItemTemplate添加一個Calendar控件 

這個時候，GridView中每一行的HireDate模板列都會包含一個Calendar控件。不過，雇員的實際雇傭日期還沒有設置到Calendar控件上，這就讓Calendar控件默認的顯示為當前的日期。我們可以通過將雇員的HireDate賦值給Calendar控件的SelectedDate和VisibleDate屬性來修正這個問題。

從Calendar控件的智能標簽中選擇“編輯數據綁定”。然后，把SelectedDate和VisibleDate這兩個屬性都綁定到HireDate字段上。

Calendar控件：將SelectedDate和VisibleDate都綁定到HireDate字段上

注意：Calendar控件的選定日期不一定要可見。舉個例子來說，某個Calendar控件的選定日期為1999年4月1日，但卻顯示的是現在的年月。選定日期和可見日期是由Calendar控件的SelectedDate和VisibleDate屬性來指定的。因為我們不僅希望選中雇員的HireDate，還希望它是可見的，那么我們就需要將這兩個屬性都綁定到HireDate字段上。

現在，我們再到瀏覽器中看看這個頁面，Calendar現在顯示的是雇員的雇員受雇日期的月份并選中了一個指定的日期。

Calendar控件：雇員的受雇日期顯示到了Calendar控件上

注意： 和我們一直所見到的那些例子相反，在本節教程中我們并沒有將GridView的EnableViewState屬性設置為false。這樣做的原因是，在Calendar控件上的點擊將會產生一個回發（PostBack），并將Calendar的選定日期設置為剛才所點擊的那個日期。如果禁用了GridView的ViewState，那么每一次回發都將導致GridView使用原來的數據重新綁定，這樣Calendar的選定日期就會變成原來的雇員受雇日期。

在本教程中，這是一個沒有意義的議題，因為用戶本來就不應該可以修改雇員的受雇日期。可能直接配置Calendar控件為不可選是***的辦法。不過不管怎么說，在本教程中可以看到，某些情況下還是將控件的ViewState啟用才能提供某些特定的功能的。

到此，關于“如何使用Calendar控件顯示HiredDate字段”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！