C#學習筆記（20140911）-下拉框、日曆、pannel控制項的使用

標籤：c#學習 按鈕 基礎 自學 命令 事件 下拉框 日曆 pannel

    晚上學習了下拉框、日曆、pannel控制項的使用，這幾個控制項看上去好像沒有之前的一些控制項那麼簡單，但是使用起來還是很方便。使用完了後，才發現真的和之前的幾種控制項差不多。

    最了一個小小的模組：每日簽到填寫心情模組。

    主要功能有：

    1. 點擊日曆可以填寫簽到日期，並在簽到內容中自動添加；

    2. 可以選擇心情，已經寫好三種心情供選擇。只需要選擇一下就可以自動把心情填寫到今日心情展示模組中，使用起來很方便。

    3. 手動填寫心情。手懂填寫的時候可以和日期、選擇的心情一起自動填寫到心情展示區。

    4. 曆史心情區隱藏功能。點擊隱藏可以隱藏歷史心情，介面變得乾淨。

    5. 清除所有曆史心情功能。（目前此功能沒有做好，只添加了一個按鈕。）

    最終如下：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/49/45/wKioL1QRvy-AcU3-AAGM4jow05Q946.jpg" title="1.png" alt="wKioL1QRvy-AcU3-AAGM4jow05Q946.jpg" />

    下面來分別看各個模組的實現方法：

1. 日曆功能：
   

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

2. 選擇心情功能區：

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

3. 手動填寫心情區：

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

4. 提交心情區：

        //提交心情控制項，點擊提交按鈕時發表心情。        protected void Button_SubmitMood_Click(object sender, EventArgs e)

5. 隱藏歷史心情區：

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

6. 清除曆史心情區：

        //此地區目前沒有做好。

    綜上所有代碼如下：

    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)            {                }                //引用選擇的日期，將日期發送到臨時變數中。            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() + "號: ";            }                //選擇心情控制項：            protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)            {                Label_temp.Text = DropDownList1.SelectedItem.Text;            }                //寫心情：            protected void TextBox_WriteMood_TextChanged(object sender, EventArgs e)            {                TextBox_WriteMood.Text = TextBox_WriteMood.Text;            }                //提交心情控制項，點擊提交按鈕時發表心情。            protected void Button_SubmitMood_Click(object sender, EventArgs e)            {                //提交心情時，同事展示選擇的日期、選擇的心情和手動填寫的心情。                Label_ShowMood.Text = Label_DateTmp.Text + Label_temp.Text + TextBox_WriteMood.Text;            }                        //設定一個按鈕，隱藏歷史心情，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;            }                //清除曆史心情功能（目前還沒完善）。            }    }

    實現了功能，我們來看效果吧：

1. 只選擇日期：
   

   650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/49/45/wKioL1QRwXCz1WH7AAF5hs9cFEo338.jpg" title="2.png" alt="wKioL1QRwXCz1WH7AAF5hs9cFEo338.jpg" />

2. 選擇心情：

   650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/49/45/wKioL1QRwaiitlcYAAGQFpM-neA907.jpg" title="3.png" alt="wKioL1QRwaiitlcYAAGQFpM-neA907.jpg" />

3. 手動填寫心情：

   650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/49/43/wKiom1QRwdyy-EuTAAHcmD1IoO4072.jpg" title="4.png" alt="wKiom1QRwdyy-EuTAAHcmD1IoO4072.jpg" />

4. 隱藏歷史心情：

   650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/49/45/wKioL1QRwh2gKXjxAAGGZ7Z-1oM422.jpg" title="5.png" alt="wKioL1QRwh2gKXjxAAGGZ7Z-1oM422.jpg" />

5. 重新展示曆史心情：

   650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/49/43/wKiom1QRwjDCj2LBAAHcmD1IoO4288.jpg" title="4.png" alt="wKiom1QRwjDCj2LBAAHcmD1IoO4288.jpg" />
   

6. 清空曆史心情模組目前還沒有做好。有待繼續學習。

本文出自 “曉風要做大神” 部落格，請務必保留此出處http://felix520cy.blog.51cto.com/7129746/1551378

C#學習筆記（20140911）-下拉框、日曆、pannel控制項的使用