zoukankan      html  css  js  c++  java
  • ASP.net AJAX Toolkit —— DynamicPopulateExtender

    <%@ Page Language="C#" AutoEventWireup="true" Title="DynamicPopulate Sample"%>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
    
    <script runat="server">
        [System.Web.Services.WebMethod]
        [System.Web.Script.Services.ScriptMethod]
        public static string GetHtml(string contextKey)
        {
            // A little pause to mimic a latent call
            System.Threading.Thread.Sleep(250);
    
           string value = (contextKey == "U") ?
                DateTime.UtcNow.ToString() :
                String.Format("{0:" + contextKey + "}", DateTime.Now);
            return String.Format("<span style='font-family:courier new;font-weight:bold;'>{0}</span>", value);
        }
    </script>
    
    <!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 id="Head1" runat="server">
        <title>Dynamic Populate 2</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <ajaxToolkit:ToolkitScriptManager runat="Server" ID="ScriptManager1" />
            <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 class="demoarea">
                <p>
                    <asp:Label ID="Label1" runat="server" Text="Label" CssClass="subheading">Time at the server:</asp:Label> 
                </p>
                <p>Choose a date/time format:</p>
                <p>
                    <label for="r0">
                        <input type="radio" name="rbFormat" id="r0" value='G'
                            onclick="updateDateKey(this.value);" checked="checked" />Normal
                    </label>
                    <br />
                    <label for="r1">
                        <input type="radio" name="rbFormat" id="r1" value='d'
                            onclick="updateDateKey(this.value);" />
                            Short Date
                    </label>
                    <br />
                    <label for="r2">
                        <input type="radio" name="rbFormat" id="r2" value='D'
                            onclick="updateDateKey(this.value);" />Long Date
                    </label>
                    <br />
                    <label for="r3">
                        <input type="radio" name="rbFormat" id="r3" value='U'
                            onclick="updateDateKey(this.value);" />UTC Date/Time
                    </label>
                    <br />
                </p>
                <br />
                <asp:Panel ID="Panel1" runat="server" CssClass="dynamicPopulate_Normal" />
                <ajaxToolkit:DynamicPopulateExtender ID="dp1" 
                        runat="server"
                        TargetControlID="Panel1"
                        PopulateTriggerControlID="Label1"
                        ServiceMethod="GetHtml" />
            </div>
        </form>
    </body>
    </html>

    要特别注意添加DynamicPopulateExtender的PopulateTriggerControlID 属性。 如果没有添加PopulateTriggerControlID 属性,页面会一直报错——

    Can't find control with ID ''。

  • 相关阅读:
    就数据平台建设,80%的500强企业都有一个共性
    就数据平台建设,80%的500强企业都有一个共性
    8.2.1.8 IS NULL Optimization NULL 优化:
    8.2.1.7 Use of Index Extensions 使用索引扩展
    8.2.1.5 Engine Condition Pushdown Optimization 引擎条件下推优化
    8.2.1.5 Engine Condition Pushdown Optimization 引擎条件下推优化
    java解析XML几种方式小结
    rsyslog imfile 模块说明
    rsyslog 解决日志截断不读取问题
    解决rsyslog 断电或者被kill 重发问题
  • 原文地址:https://www.cnblogs.com/hellolong/p/3955567.html
Copyright © 2011-2022 走看看