初识Ajax中的Calendar

原创|其它|编辑:郝浩|2009-05-04 16:37:58.000|阅读 482 次

概述:平常我们在使用Ajax Tool Kit中提供的Calendar,如果想要同时让多个栏位都能够有这样子的功能,难道只能每一个TextBox都放一个CalendarExtender吗?前阵子学到了另外一种使用方式,配上jQuery,就可以轻松的控制所有你想要让他成为有选择日期功能的TextBox哦!

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

平常我们在使用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是怎么产生的之后,我们就可以修改一下:

我在网页上多放了另外三个TextBox,并且加上DateTextBox的Css。接下来就模仿Ajax,自己在Sys.Application.add_init加上$ceate的动作。就可以看到其它的TextBox也有相同的功能!


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:网络转载

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP