科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道基础软件ASP.NET 2.0中控件的简单异步回调

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

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

本文给出了使用ASP.NET 2.0中控件实现异步回调的步骤和源代码,供大家参考!

作者:佚名 来源:天极网 2007年12月26日

关键字: ASP.NET 控件 异步回调

  • 评论
  • 分享微博
  • 分享邮件

虽然已经有了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");
}

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章