为ASP.NET WEB自定义控件添加提交事件

为ASP.NET WEB自定义控件添加提交事件

顾庆岗 prettywolf@vip.sina.com

在Visual Studio.Net提供的服务端控件中有一个叫做“LinkButton”的，它看上去像个链接可是点击时产生像Button一样的Click提交事件。那么我们自己做的自定义控件如何实现这一功能呢？下面的代码讲述这一功能的实现。

1. 首先创建一个Web自定义控件项目命名为Demo，空间源代码文件命名为DemoLinkButton。

2. public class DemoLinkButton : System.Web.UI.WebControls.WebControl,IPostBackEventHandler 控件类继承System.Web.UI.WebControls.WebControl并实现接口IPostBackEventHandler中的方法：RaisePostBackEvent( string )。

3. 修改Text属性。

[Bindable(false),

              Category("Appearance"),

              DefaultValue("")]

         public string Text

         {

              get

              {

                   string _text = (string)ViewState["Text"];

                   return _text == null ? "" : _text;

              }

              set

              {

                   ViewState["Text"] = value;

              }

         }

4. 向页面注册处理提交的Javascript代码。

protected override void OnPreRender(EventArgs e)

         {//产生使页面提交的Javascript函数，这个函数要用到Hyperlink的href中。

              string scriptClick="<script language='javascript'>function DoOnClick(){"+((HyperLinkClicked==null)?"":(Page.GetPostBackClientEvent(this,"Clicked"))+"; return;}</script>");

              Page.RegisterClientScriptBlock("OnClicked",scriptClick);

         }

5. 向页面输出控件显示。

protected override void Render(HtmlTextWriter output)

         {

              if(this.Text == "")

              {

                   output.Write("<a href=/"javascript:DoOnClick();/" id=/"" +this.ClientID+ "/">DemoLinkButton</a>");

              }

              else

              {

                   output.Write("<a href=/"javascript:DoOnClick();/" id=/"" +this.ClientID+ "/">"+this.Text+"</a>");

              }

         }

6. 最后实现IPostBackEventHandler接口。

public void RaisePostBackEvent(string eventArgument)

         {

              if (eventArgument=="Clicked") HyperLinkClicked(this,EventArgs.Empty);

         }

这样一个自定义回发事件的控件就完成了，与类库中的LinkButton基本相似，点击链接产生提交事件，在代码页处理HyperLinkClicked事件就可以了。