查找动态创建的控件的客户端ID

本文关键字：客户端 ID 控件 查找 创建 动态 | 更新日期: 2023-09-27 17:59:22

如何找到动态创建的控件的客户端ID？

在我的ascx中，我有以下片段。

  function DoSomething() {
        var loneStar= $find("<%= loneStar.ClientID %>");
        loneStar.hide();
    }

在我的代码后面，我有

public partial class SomeControl: System.Web.UI.UserControl
    {
    protected Label loneStar = new Label { Text = "Raspeberry", ForeColor = System.Drawing.Color.DarkGray};
    private void someOtherMethod()
         {
         somePanel.Controls.Add(loneStar);
         }
    }

问题是呈现的页面中的ClientID显示为空。

我在这里错过了什么？

查找动态创建的控件的客户端ID

您需要给控件一个ID，否则将不会生成ID属性。对你的c#做一个类似这样的更改：

protected Label loneStar = new Label { ID = "loneStar", Text = "Raspeberry", ForeColor = System.Drawing.Color.DarkGray};

http://jagregory.com/writings/how-to-use-clientids-in-javascript-without-the-ugliness/

<script type="text/javascript">
   var txtUsernameID = '<%= txtUsername.ClientID %>';
   var txtPasswordID = '<%= txtPassword.ClientID %>';
 </script>

也许你应该检查一下，如果你每次都用相同的id 动态添加控件

简单形式：

    <asp:Panel runat="server" ID="pnl"></asp:Panel>
    <script type="text/javascript">
        var txtUsernameID = '<%= myLabel.ClientID %>';

CodeBehind:

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        AddedControl();
    }
    protected Label myLabel = new Label();
    void AddedControl()
    {
        myLabel.Text = "Labelll";
        this.pnl.Controls.Add(myLabel);
    }
}

Html输出：

<span>Labelll</span>

<script type="text/javascript">
    var txtUsernameID = 'ctl02';
相关文章：