AjaxControlToolkit 微软出的ajax.net 工具使用教程十 DynamicPopulateExtender（动态）控件的使用

Posted on 2007-05-16 16:28  ant-boss  阅读(419)  评论(0)    收藏  举报

新建一个AjaxControlToolkitWebSite 项目，把下面的代码复制到你的页面：

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script runat="server">
    [System.Web.Services.WebMethod()]
    [System.Web.Script.Services.ScriptMethod()]
    public static string GetHtml(string contextKey)
{
        System.Threading.Thread.Sleep(500);
        string value = "";
        if (contextKey == "U")
           {
           value = DateTime.UtcNow.ToString();
           }
        else
           {
           value = String.Format("{0:" + contextKey + "}", DateTime.Now);
           }
       
        return String.Format("<span style='font-family:courier new;font-weight:bold;'>{0}</span>", value);

}
</script>
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />   
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />

        <script type="text/javascript">
            function updateDateKey(value) {
                var behavior = $find('dp1');
                if (behavior) {
                    behavior.populate(value);
                }
            }
            Sys.Application.add_load(function(){updateDateKey('G');});
        </script>    
          
        <div>
            <label for="r0">
                <input id="r0" checked="checked" name="rbFormat" onclick="updateDateKey(this.value);"
                    type="radio" value='G' />Normal</label><br />
            <label for="r1">
                <input id="r1" name="rbFormat" onclick="updateDateKey(this.value);" type="radio"
                    value='d' />Short Date</label><br />
            <label for="r2">
                <input id="r2" name="rbFormat" onclick="updateDateKey(this.value);" type="radio"
                    value='D' />Long Date</label><br />
            <label for="r3">
                <input id="r3" name="rbFormat" onclick="updateDateKey(this.value);" type="radio"
                    value='U' />UTC Date/Time</label><br />
        </div>
       
        <asp:Panel ID="Panel1" runat="server" CssClass="dynamicPopulate_Normal">
        </asp:Panel>       
        <ajaxToolkit:DynamicPopulateExtender ID="dp1" runat="server" TargetControlID="Panel1" ServiceMethod="GetHtml" UpdatingCssClass="dynamicPopulate_Updating">
        </ajaxToolkit:DynamicPopulateExtender>
    </form>  
</body>
</html>