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

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

** 大毛 ** ** http://damao.0538.org **

在 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="

1<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("

1<a "\"="" +="" .clientid+="" href='\"javascript:DoOnClick();\"' id='\""' this="">DemoLinkButton</a>

");

}

else

{

output.Write("

1<a "\"="" +="" .clientid+="" href='\"javascript:DoOnClick();\"' id='\""' this="">"+  this  .Text+"</a>

");

}

}

6. 最后实现 IPostBackEventHandler接口。

public void RaisePostBackEvent( string eventArgument)

{

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

}

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

Published At
Categories with Web编程
Tagged with
comments powered by Disqus