岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Ajax Calendar的另类用法,希望大家看完后能赶快学习起来。
【 tulaoshi.com - Web开发 】
平常我們在使用Ajax Tool Kit中提供的Calendar,如果想要同時讓多個欄位都能夠有這樣子的功能,難道只能每一個TextBox都放一個CalendarExtender嗎?前陣子學到了另外一種使用方式,配上jQuery,就可以輕鬆的控制所有你想要讓他成為有選擇日期功能的TextBox哦!
首先...畫面上還是要放一個CalendarExtender,讓AjaxCalendarExtender掛進來,這時候我們檢示原始檔應該可以看到如下的JavaScript:
Sys.Application.add_init(function() { $create (AjaxControlToolkit.CalendarBehavior, {"id":"TextBox1_CalendarExtender" }, null, null, $get("TextBox1") ); }); 在了解了CalendarExtender是怎麼產生的之後,我們就可以修改一下:p
我在網頁上多放了另外三個TextBox,並且加上DateTextBox的Css。接下來就模仿Ajax,自己在Sys.Application.add_init加上$ceate的動作。就可以看到其它的TextBox也有相同的功能囉!
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160219/1620727.html
看过《Ajax Calendar的另类用法》的人还看了以下文章 更多>>