AJAX控件之DynamicPopulate 重难点之

效果图片:

                                 加载完毕                                                      正在加载中.....


资源文件



Css代码

body {

}

.DPENormal

{

border:silver 1px inset;

padding:2px;

text-align:center;

height:2em;

width:200px;

margin:5px;

}

.DPEUpdating

{

background-image:url(images/loading.gif);

background-position:center;

background-repeat:repeat;

border:silver 1px inset;

padding :2px;

text-align :center;

height:2em;

width:200px;

margin:5px;

}

显示页面的Html代码(里面含有深奥的JavaScript)

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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title>AJAX控件之DynamicPopulate</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

function updateDateKey(value)

{

var behavior=$find('dpe');

if(behavior)

{

behavior.populate(value);

}

Sys.Application.add_load(function(){updateDateKey('N');});

</script>

<div>

<input id="ShortDate" name="DateGroup" type="radio" value="S" onclick="updateDateKey(this.value);"/>短日期

<br />

<br />

<asp:Panel ID="Panel1" runat="server" Height="104px" Width="280px" CssClass="DPENormal">

</asp:Panel>

</div>

<cc1:DynamicPopulateExtender ID="dpe" runat="server" TargetControlID="Panel1" UpdatingCssClass="DPEUpdating" ServiceMethod="GetGroupDate">

</cc1:DynamicPopulateExtender>

</form>

</body>

</html>

显示页面的CS代码:(这里要在绑定了DynamicPopulate的Panel中设置里面的serviceMethod中设置GetGroupDate方法)

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

[System.Web.Services.WebMethod]

[System.Web.Script.Services.ScriptMethod]

public static string GetGroupDate(string contextKey)

{

System.Threading.Thread.Sleep(1000);

string value;

if (contextKey == "N")

{

value = DateTime.UtcNow.ToString();

}

else if (contextKey == "S")

{

value = DateTime.Now.ToShortDateString();

}

else

{

value = DateTime.Now.ToLongDateString();

}

return value;

}

posted on 2007-04-01 00:25 小角色阅读(641) 评论(1) 收藏举报