从 Javascript 弹出日历行为

Question

如何在页面中嵌入 CalendarBehavior 所需的所有脚本，而不实际使用服务器端控件 (CalendarExtender)。我无法使用服务器端扩展程序的原因是我的页面可能包含数百个日期控件；我希望能够根据需要延迟加载日历（当用户单击控件时）。

从 javascript 创建日历的代码如下：

cal = $create(AjaxControlToolkit.CalendarBehavior,
  { 'id': owner.id + '_calendar', 'cssClass': 'calExt', 'format': format }, 
  null, null, owner);

问题是，如果不包含 AjaxControlToolkit 资源中所需的所有 js，它将抛出错误：

AjaxControlToolkit is undefined.

非常感谢，

Florin S。

Answer 1

我发现了以下 hack，它将注册 CalendarExtender 公开的所有脚本和 css 引用。我认为该解决方案是通用的，因此可以与其他扩展器一起使用：

ScriptManager manager = ScriptManager.GetCurrent(Page);
if (manager != null)
{
  foreach (ScriptReference reference in ScriptObjectBuilder.GetScriptReferences(typeof(CalendarExtender)))
  {
    manager.Scripts.Add(reference);
  }
  CalendarExtender extender = new CalendarExtender();
  Page.Form.Controls.Add(extender);
  ScriptObjectBuilder.RegisterCssReferences(extender);
  Page.Form.Controls.Remove(extender);
}

RegisterCssReferences 调用需要临时扩展器实例，否则会引发错误。

它有效，但是 YMMV。

Answer 2

我有同样的问题。
我发现，在 javascript-land 中，您应该使用 Sys.Extended.UI 而不是 AjaxControlToolkit。
因此，

cal = $create(AjaxControlToolkit.CalendarBehavior, ...

您可以这样做：

cal = $create(Sys.Extended.UI.CalendarBehavior, ...