查看: 264|回复: 5

ASP.NET 2.0中控件的简单异步回调

[复制链接]

ぃ☆ve銘

电梯直达

1^#

发表于 2009-3-16 16:17:21 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

虽然已经有了ASP.NET AJAX了，最近学习ASP.NET控件的时候，逐步理解了原始的控件异步回调（代码取自《ASP.NET 2.0 高级编程》）：
首先，在Render事件中添加好一个事件。
protected override void RenderContents(HtmlTextWriter output)
{
　output.RenderBeginTag(HtmlTextWriterTag.Div);
　output.AddAttribute(HtmlTextWriterAttribute.Type, "text");
　output.AddAttribute(HtmlTextWriterAttribute.Id, this.ClientID);
　output.AddAttribute(HtmlTextWriterAttribute.Name, this.ClientID);

　output.AddAttribute(HtmlTextWriterAttribute.Value, this.Text);
　output.AddAttribute("OnBlur", "ClientCallback();");
　this.AddAttributesToRender(output);
　output.RenderBeginTag(HtmlTextWriterTag.Input);
　output.RenderEndTag();
　output.RenderEndTag();
}
这里最重要的就是output.AddAttribute("OnBlur","ClientCallback();");
然后在OnPreRender事件中，添加如下代码：
protected override void OnPreRe
nder(EventArgs e)
{
//Page.ClientScript.RegisterClientScriptInclude("UtilityFunctions", "JScript.js");
Page.ClientScript.RegisterStartupScript(typeof(Page), "ControlFocus",
"document.getElementById('" + this.ClientID + "').focus();", true);
Page.ClientScript.RegisterStartupScript(typeof(Page),
"ClientCallback","function ClientCallback()
{"+"args=document.getElementById('"+this.ClientID+"').value;
"+Page.ClientScript.GetCallbackEventReference(this,
"args","CallbackHandler",null,"ErrorHandler",true)+"}");
//向服务器发送请求，由服务器端生成回调的客户端脚本。
}
也就是在服务器端生成客户端代码，注意最后一个方法GetCallbackEventReference，我理解的是在服务器端捕捉了客户端的请求之后，生成相应的客户端脚本，在服务器端回调的时候，客户端决定用什么函数处理回调和错误。
服务器端实现接口的一个方法，也就是接收到客户端的请求之后，由服务器端先处理，然后再把结果和相应代码发回客户端。
#region ICallbackEventHandler Members
public string RaiseCallbackEvent(string eventArgument)
{
　int result;
　if (!Int32.TryParse(eventArgument, out result))
　throw new Exception("The method is not implemented.");
return "Valid Data";
}
#endregion
最后，在jscript.js文件中写好相应的回调处理函数即可：
var args;
var ctx;
function ValidateText(ctl)
{
　if(ctl.value=='')
　{
alert("Please enter a value");
ctl.focus();
　}
}
function CallbackHandler(args,ctx)
{
　alert("The data is valid");
}
function ErrorHandler(args,ctx)
{
　alert("The data is not a number");

收藏0

使用道具举报

返回列表

		自动登录	找回密码
密码			注册