我试图了解使用 ASP.Net Ajax 日历控件的示例客户端代码。这是来自 asp.net 网站的示例代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
</style>
<link href="http://ajax.microsoft.com/ajax/beta/0911/extended/Calendar/Calendar.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/beta/0911/Start.debug.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/beta/0911/extended/ExtendedControls.debug.js" type="text/javascript"></script>
<script type="text/javascript">
Sys.debug = true;
Sys.require(Sys.components.calendar, function() {
$("#bdate").calendar({});
});
</script>
</head>
<body>
<div style="width:1px;height:500px"></div>
<input type="text" id="bdate" />
</body>
</html>
根据一些文档,以下行加载一个 javascript 文件 Sys.require())
。
$("#bdate")
使用 jQuery 查找 ID 为“bdate”的对象。我不明白其余的,尤其是
.calendar({}),
特别是({}),
函数()
感谢任何帮助或提示!!!!
Sys.require(Sys.components.calendar, function() {
$("#bdate").calendar({});
});
最佳答案
从外观上看:
该行的这一部分确保日历脚本/根对象准备就绪
Sys.require(Sys.components.calendar
当它们准备就绪时,它会调用匿名函数,该函数会找到 ID 为 bdate 的项目(html 中的文本框),并使用 为其附加日历显示功能日历方法。 (当文本框控件获得焦点时可能会弹出一个日历)。 calendar 方法由 Sys.components.calendar 对象注册,基本上是一种扩展方法,可以在 jquery 选择器调用返回的文本框对象上调用。 (例如 $("#xyz"),其中 #xyz 表示您的 html 中某处具有 id 'xyz' 的元素)
function() {
$("#bdate").calendar({});
}
这是一个匿名函数,也可以作为参数传递。所以它基本上是 require 调用的第二个参数(有点像 C/C++ 中的函数指针,但声明为内联)。当日历对象/脚本全部加载和初始化时调用此方法。
最后,{}
部分意味着它将一个没有属性的空 javascript 对象传递给日历创建方法。该方法很可能采用具有可选属性的 javascript 对象形式的多个可选参数,此处均未使用。
希望对你有帮助
关于javascript - ASP.Net Ajax 工具包客户端代码和 javascript 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5748521/