中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

Ajax Calendar的另类用法 - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > Ajax技术 > Ajax技巧教程 > Ajax Calendar的另类用法

Ajax Calendar的另类用法

2009-05-03    文章来源:互联网    浏览次数:

平常我們在使用Ajax Tool Kit中提供的Calendar,如果想要同時讓多個欄位都能夠有這樣子的功能,難道只能每一個TextBox都放一個CalendarExtender嗎?前陣子學到了另外一種使用方式,配上jQuery,就可以輕鬆的控制所有你想要讓他成為有選擇日期功能的TextBox哦!

首先...畫面上還是要放一個CalendarExtender,讓AjaxCalendarExtender掛進來,這時候我們檢示原始檔應該可以看到如下的JavaScript:

  1. Sys.Application.add_init(function()   
  2. {  
  3.     $create  
  4.     (AjaxControlToolkit.CalendarBehavior,   
  5.         {"id":"TextBox1_CalendarExtender" 
  6.         }, null, null, $get("TextBox1")  
  7.     );  
  8. }); 

在了解了CalendarExtender是怎麼產生的之後,我們就可以修改一下:p

我在網頁上多放了另外三個TextBox,並且加上DateTextBox的Css。接下來就模仿Ajax,自己在Sys.Application.add_init加上$ceate的動作。就可以看到其它的TextBox也有相同的功能囉!

image

image 

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部