zoukankan      html  css  js  c++  java
  • ASP.NET2.0中控件的简单异步回调

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

  • 相关阅读:
    第一次结对作业
    第一次博客作业
    个人总结
    第三次个人作业
    第二次结对作业
    第一次结对作业
    第一次个人编程作业
    第一次博客作业
    第三次个人作业——用例图设计
    第二次结对作业
  • 原文地址:https://www.cnblogs.com/ymyglhb/p/1292210.html
Copyright © 2011-2022 走看看