C#學(xué)習(xí)筆記（20140911）-下拉框、日歷、pannel控件的使用

    晚上學(xué)習(xí)了下拉框、日歷、pannel控件的使用，這幾個(gè)控件看上去好像沒(méi)有之前的一些控件那么簡(jiǎn)單，但是使用起來(lái)還是很方便。使用完了后，才發(fā)現(xiàn)真的和之前的幾種控件差不多。

    最了一個(gè)小小的模塊：每日簽到填寫(xiě)心情模塊。

    主要功能有：

    1. 點(diǎn)擊日歷可以填寫(xiě)簽到日期，并在簽到內(nèi)容中自動(dòng)添加；

    2. 可以選擇心情，已經(jīng)寫(xiě)好三種心情供選擇。只需要選擇一下就可以自動(dòng)把心情填寫(xiě)到今日心情展示模塊中，使用起來(lái)很方便。

    3. 手動(dòng)填寫(xiě)心情。手懂填寫(xiě)的時(shí)候可以和日期、選擇的心情一起自動(dòng)填寫(xiě)到心情展示區(qū)。

    4. 歷史心情區(qū)隱藏功能。點(diǎn)擊隱藏可以隱藏歷史心情，界面變得干凈。

    5. 清除所有歷史心情功能。（目前此功能沒(méi)有做好，只添加了一個(gè)按鈕。）

    最終效果圖如下：

    下面來(lái)分別看各個(gè)模塊的實(shí)現(xiàn)方法：

1. 日歷功能：
   

        //引用選擇的日期，將日期發(fā)送到臨時(shí)變量中。
        protected void Calendar_Date_SelectionChanged(object sender, EventArgs e)

2. 選擇心情功能區(qū)：

        //選擇心情控件：
        protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

3. 手動(dòng)填寫(xiě)心情區(qū)：

        //寫(xiě)心情：
        protected void TextBox_WriteMood_TextChanged(object sender, EventArgs e)

4. 提交心情區(qū)：

        //提交心情控件，點(diǎn)擊提交按鈕時(shí)發(fā)表心情。
        protected void Button_SubmitMood_Click(object sender, EventArgs e)

5. 隱藏歷史心情區(qū)：

        //設(shè)置一個(gè)按鈕，隱藏歷史心情，pannel的Visible功能。
        protected void Button_HideHisMood_Click(object sender, EventArgs e)

6. 清除歷史心情區(qū)：

        //此區(qū)域目前沒(méi)有做好。

    綜上所有代碼如下：

    using System;    
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace WebApplication1
    {
        public partial class WebForm1 : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
    
            }
    
            //引用選擇的日期，將日期發(fā)送到臨時(shí)變量中。
            protected void Calendar_Date_SelectionChanged(object sender, EventArgs e)
            {
    
                Label_DateTmp.Text =
                Calendar_Date.SelectedDate.Year.ToString() + "年"
                + Calendar_Date.SelectedDate.Month.ToString() + "月"
                + Calendar_Date.SelectedDate.Day.ToString() + "號(hào): ";
            }
    
            //選擇心情控件：
            protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
            {
                Label_temp.Text = DropDownList1.SelectedItem.Text;
            }
    
            //寫(xiě)心情：
            protected void TextBox_WriteMood_TextChanged(object sender, EventArgs e)
            {
                TextBox_WriteMood.Text = TextBox_WriteMood.Text;
            }
    
            //提交心情控件，點(diǎn)擊提交按鈕時(shí)發(fā)表心情。
            protected void Button_SubmitMood_Click(object sender, EventArgs e)
            {
                //提交心情時(shí)，同事展示選擇的日期、選擇的心情和手動(dòng)填寫(xiě)的心情。
                Label_ShowMood.Text = Label_DateTmp.Text + Label_temp.Text + TextBox_WriteMood.Text;
            }
            
            //設(shè)置一個(gè)按鈕，隱藏歷史心情，pannel的Visible功能。
            protected void Button_HideHisMood_Click(object sender, EventArgs e)
            {
                if (Pannel_ShowMood.Visible == true)
                {
                    Pannel_ShowMood.Visible = false;
                }
                else
                    Pannel_ShowMood.Visible = true;
            }
    
            //清除歷史心情功能（目前還沒(méi)完善）。
    
        }
    }

    實(shí)現(xiàn)了功能，我們來(lái)看效果吧：

1. 只選擇日期：
   

   

2. 選擇心情：

   

3. 手動(dòng)填寫(xiě)心情：

   

4. 隱藏歷史心情：

   

5. 重新展示歷史心情：

   
   

6. 清空歷史心情模塊目前還沒(méi)有做好。有待繼續(xù)學(xué)習(xí)。