再谈客户端脚本与 WebControl [zz]

http://www.cnblogs.com/chenglin/archive/2005/06/01/166372.html

在 asp.net 中，在为服务器端控件添加客户端脚本（比如 onclick 事件）时，比较常用的方法就是设置此服务器端控件的 Attributes。比如： control.Attributes["onclick"] = "return(window.confirm('....'));"; 。然而，在使用上述方法的时候，我们必须要拥有此控件的引用。可是，在某些情况下，我们是不太好获取（或者说获取非常麻烦）所需要的控件的引用的。比如在一个 DataGrid 控件中，需要为一个用于删除的控件添加确认的脚本：

1 <asp:DataGrid runat="server" >
2 <Columns>
3 <asp:TemplateColumn>
4 <ItemTemplate>
5 <asp:LinkButton runat="server" CommonName="Delete"> 删除 <asp:LinkButton>
6 </ItemTemplate>
7 </asp:TemplateColumn>
8 </Columns>
9 </asp:DataGrid>
要实现上述的功能，我们当然希望像普通 html 控件那样设置一下某个属性就可以了。可是，大家也知道，asp.net 会将设置的 onclick属性之当成是服务器的方法而不能编译成功。最后，可能还需要使用 DataGrid.ItemCreate 等，非常麻烦。

再仔细想想，其实我们的目的只是需要在此 LinkButton 控件被显示（也就是在 Render 方法被执行）之前在它的 Attributes 属性里面设置 onclick。既然这样，我们可以写一个从 System.Web.UI.WebControls.LinkButton 类继承的子类，它负责设置 onclick 值的这个工作。代码如下：

1 using System;
2 using System.Web.UI;
3 using System.Web.UI.WebControls;
4
5 namespace Chenglin.WebControls
6 {
7 [ToolboxData("<{0}:ScriptLinkButton runat=server />")]
8 public class ScriptLinkButton : System.Web.UI.WebControls.LinkButton
9 {
10 private string _script;
11
12 [ Bindable(true) ]
13 [ Category("Appearance") ]
14 [ DefaultValue("") ]
15 public string Script
16 {
17 get { return _script; }
18 set { _script = value; }
19 }
20
21 protected override void Render(HtmlTextWriter writer)
22 {
23 if( _script!=null && _script.Length>0 ) {
24 Attributes[ "onclick" ] = _script;
25 }
26 base.Render( writer );
27 }
28
29 }
30 }
31

使用上面的控件，我们就可以将上述代码改写成：

1 <asp:DataGrid runat="server" >
2 <Columns>
3 <asp:TemplateColumn>
4 <ItemTemplate>
5 <chenglin:ScriptLinkButton
6 Script="return(window.confirm('Are you sure?'));"
7 runat="server" CommonName="Delete"> 删除
8 <chenglin:ScriptLinkButton>
9 </ItemTemplate>
10 </asp:TemplateColumn>
11 </Columns>
12 </asp:DataGrid>
现在看起来，整个代码就清爽很多了 :)