0

我正在动态创建控件,其中之一是标签控件。如果 label.Text.Length 大于某个字符数,我希望显示更多/更少文本按钮以缩短/扩展文本。在使用服务器端代码时,我让此功能正常工作,但是,我想使用客户端代码执行此操作以防止发生回发。

所以我想我会以某种方式动态添加javascript?如果可能的话,我不太确定 javascript 会是什么样子。

LinkButton btn_more = new LinkButton();
btn_more.ID = "lblCustomControl" + (i + 1).ToString() + "_more";
btn_more.ForeColor = System.Drawing.Color.SlateBlue;
btn_more.Text = " [Show More]";
btn_more.Font.Underline = false;
btn_more.Click += new EventHandler(btn_more_Click);

LinkButton btn_less = new LinkButton();
btn_less.ID = "lblCustomControl" + (i + 1).ToString() + "_less";
btn_less.ForeColor = System.Drawing.Color.SlateBlue;
btn_less.Font.Underline = false;
btn_less.Text = " [Show Less]";
btn_less.Click += new EventHandler(btn_less_Click);
btn_less.Visible = false;

我目前正在创建这样的按钮并将它们添加到包含标签的表格单元格中。我猜我必须替换 btn_more/less.Click 为

btn_more/less.OnClientClick = "my javascript stuff" + btn_less/more.ID + "more javascript stuff" + myLabel.ID;

显然不是按那个顺序,但我猜这就是我如何动态地向我的按钮添加一个 javascript 操作。

任何建议都会很棒!谢谢 (:

4

1 回答 1

2

您可以通过这种方式绑定 javascript。

btn_more.Attributes.Add("onclick", "TestFun(this);");

在html端

<script language="javascript" type="text/javascript">

 function TestFun(obj)
 {          
      alert("I am test fun clicked by " + this.id);
      //for server side label
      document.getElementById('<%= Label1.ClientID %>').style.display = "none";
      document.getElementById('<%= LinkButton1.ClientID %>').style.display = "block"; 

      //For client side html element which do not have attribute runat="server"
      document.getElementById('Label1').style.display = "none";
      document.getElementById('myanchor').style.display = "block"; 
 }

</script>
于 2012-06-27T17:35:12.087 回答