ASP.NETAjax工具包客户端代码和javascript问题_Javascript_Asp.net_Ajax_Function_Toolkit

ASP.NETAjax工具包客户端代码和javascript问题

javascript asp.net ajax function

ASP.NETAjax工具包客户端代码和javascript问题,javascript,asp.net,ajax,function,toolkit,Javascript,Asp.net,Ajax,Function,Toolkit,我试图理解使用ASP.NETAJAX日历控件的示例客户端代码。下面是来自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=

我试图理解使用ASP.NETAJAX日历控件的示例客户端代码。下面是来自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>

从表面上看：

行的这一部分确保日历脚本/根对象已准备就绪

Sys.require(Sys.components.calendar

当它们准备好时，它调用匿名函数，该函数查找ID为bdate（html中的文本框）的项目，并使用calendar方法将日历显示功能附加到该项目上。（当textbox控件获得焦点时，可能会弹出一个日历）。calendar方法是由Sys.components.calendar对象注册的，它基本上是一个扩展方法，可以对jquery选择器调用返回的textbox对象进行调用。（例如$（“#xyz”），其中#xyz表示html中某处id为“xyz”的元素）

这是一个匿名函数，也可以作为参数传递。因此，它基本上是require调用的第二个参数（有点像C/C++中的函数指针，但声明为内联）。当日历对象/脚本都已加载并初始化时，调用此方法

最后，

{}

部分意味着它正在向日历创建方法传递一个没有属性的空javascript对象。该方法很可能以javascript对象的形式接受许多可选参数，这些参数具有可选属性，这里不使用这些属性

希望从外观上有所帮助

：

行的这一部分确保日历脚本/根对象已准备就绪

Sys.require(Sys.components.calendar

最后，

{}

希望这会有所帮助。如果只是调用默认的“日历”创建函数，请将其想象为构造函数。{}是一种定义JSON字符串的方法，通常在此处添加配置选项。例如

calender({
        someOption: true,
        someOtherOption: false,
        height: 120px
    });

2.是一种在Javascript中将函数作为对象传递的方法，或者是一种匿名函数。它所说的是，对于'require'的第二个参数，使用函数。这通常称为回调函数，因为根据传递给它的函数的方法，可以在原始方法完成/回调时执行该函数

在此上下文中，定义的函数是一个jQuery调用，用于创建日历控件，因此基本上您可以想象它是这样说的：

需要（组件），然后一旦我们有了该组件，就调用函数“$（“#bdate”）.calendar（{}）；”

作为进一步解释，函数$（“#bdate”）.calendar（{}）；将在ID为bddate的元素上创建日历控件

1.正在调用默认的“日历”创建函数，请将其想象为构造函数。{}是一种定义JSON字符串的方法，通常在此处添加配置选项。例如

calender({
        someOption: true,
        someOtherOption: false,
        height: 120px
    });

在此上下文中，定义的函数是一个jQuery调用，用于创建日历控件，因此基本上您可以想象它是这样说的：

需要（组件），然后一旦我们有了该组件，就调用函数“$（“#bdate”）.calendar（{}）；”

作为进一步解释，函数$（“#bdate”）.calendar（{}）；将在ID为bddate的元素上创建日历控件