[ASP.Net]GridView攻略05-在編輯列使用其他控制項(下拉式選單或日曆)
(1)編輯列加入javscript日曆
在GridView攻略04-編輯資料列這篇文章中,我們可以看到一個小問題,編輯列中明明就是編輯日期,為什麼沒有跳出日曆讓使用者選擇,自己用鍵盤輸入不是不可以,但這個介面也太不友善了吧,而且少了一種又酷又炫的感覺XD 因此,現在我想試著在日期編輯的文字輸入方塊加入日曆,讓我們用滑鼠點選文字輸入方塊準備輸入日期的時候會自動跳出一個小日曆供使用者選擇。就如同下圖的結果:
首先,我們需要有些前置作業,因為我使用的日曆是jQuery的plugin 所以你需要準備
1.jQuery library(這裡)jQuery是什麼?這邊稍微提一下。jQuery是一個很棒的Javascript Framework,有效的選擇器Selector可以讓很多事情都變簡單,而眾多的UI外掛是我選擇它的很大原因。如果你對jQuery不熟悉或不清楚它的用法可以參考其他先進的教學:)
2.UI Datepicker(這裡)
jQuery神奇的選擇器(Selector):簡睿IT隨筆:Xuite日誌
jQuery 學習心得筆記 (1)
jQuery 教學 - 基礎篇
該準備的東西準備好了,我們就接續GridView攻略04-編輯資料列文章內的範例繼續做下去吧。先在<head>裡面加上相關的js和css檔案。
media="screen">
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/ui/ui.core.js"></script>
<script type="text/javascript" src="js/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="js/ui/i18n/ui.datepicker-zh-TW.js"></script>
接著.................繼續閱讀後面的內容請至finalevil's blog