热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> AJAX编程>>正文内容

ScriptManager控件的简单示例及概述

发布时间:2008年11月19日点击数: TerryLee

ScriptManager控件包括在ASP.NET 2.0 AJAX Extensions中,它用来处理页面上的所有组件以及页面局部更新,生成相关的客户端代理脚本以便能够在JavaScript中访问Web Service,所有需要支持ASP.NET AJAXASP.NET页面上有且只能有一个ScriptManager控件。在ScriptManager控件中我们可以指定需要的脚本库,或者指定通过JS来调用的Web Service,还可以指定页面错误处理等。

使用<asp:ScriptManager/>来定义一个ScriptManager,简单的ScriptManager定义形式:

<asp:ScriptManager ID="ScriptManager1" runat="server">
            <AuthenticationService Path="" />
            <ProfileService LoadProperties="" Path="" />
            <Scripts>
                <asp:ScriptReference/>
            </Scripts>
            <Services>
                <asp:ServiceReference />
            </Services>
        </asp:ScriptManager>

ScriptManager属性和方法如下:

属性/方法

描述

AllowCustomError

Web.config中的自定义错误配置区<customErrors>相联系,是否使用它,默认值为true

AsyncPostBackErrorMessage

异步回传发生错误时的自定义提示错误信息,

AsyncPostBackTimeout

异步回传时超时限制,默认值为90,单位为秒

EnablePartialRendering

是否支持页面的局部更新,默认值为True,一般不需要修改

ScriptMode

指定ScriptManager发送到客户端的脚本的模式,有四种模式:AutoInheritDebugRelease,默认值为Auto,后面会仔细说到。

ScriptPath

设置所有的脚本块的根目录,作为全局属性,包括自定义的脚本块或者引用第三方的脚本块。如果在Scripts中的<asp:ScriptReference/>标签中设置了Path属性,它将覆盖该属性。

OnAsyncPostBackError

异步回传发生异常时的服务端处理函数,在这里可以捕获一场信息并作相应的处理。

OnResolveScriptReference

指定ResolveScriptReference事件的服务器端处理函数,在该函数中可以修改某一条脚本的相关信息如路径、版本等。

 ScriptManager的一个简单的示例

这个例子其实是UpdatePanel示例,在页面中加入了日期控件和一个下拉框,根据下拉框选择的不同,日期控件背景变为不同的颜色。

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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></title>
    <script runat="server">
        void DropSelect_Chanage(object sender, EventArgs e)
        {
            Calendar1.DayStyle.BackColor = System.Drawing.Color.FromName(dlist.SelectedItem.Value);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <scriptManager id="ScriptManager1" runat="server"></scriptManager>
        <UpdatePanel id="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Calendar ID="Calendar1" runat="server">
        </asp:Calendar>
        <asp:DropDownList ID="dlist" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropSelect_Chanage">
            <asp:ListItem Selected="True" Value="White">White</asp:ListItem>
            <asp:ListItem Value="Silver">Silver</asp:ListItem>
            <asp:ListItem Value="Red">red</asp:ListItem>
            <asp:ListItem Value="Khaki">Khaki</asp:ListItem>
        </asp:DropDownList>
            </ContentTemplate>
        </UpdatePanel>
    </div>
    </form>
</body>
</html>

运行效果如下图:

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作