0

我有一个派生自 WebControls.TableCell 的类。设置 Text 属性后，我调用一个方法，将 asp:Panels 和 asp:LiteralControls 动态添加到 Cell。我想在 Javascript 中引用这些控件，所以自然我尝试在我的 JS 函数中使用面板的 ClientId。但是，这些控件没有设置 ClientId（字符串为空）。为什么是这样？如何强制设置 ClientIds？

作为临时解决方案，我将 ClientIDMode 设置为“静态”并自己创建了 ID，但这并不令人满意，因为在 JS 中很难引用这些 ID。为什么？例如，如果您将“12345”分配给一个控件，它会在客户端更改为“MainContent_123456”之类的内容。这很糟糕，因为“MainContent”部分不固定；因此我永远无法确定客户端的真实 ID 是什么。目前，我可以使用 jQuery 获取控件$ctrl = $('[id$='12345']');，但这很脏，因为它会获取任何 ID 中包含“123456”的控件。

那么，回到最初的问题：如何在我的自定义 TableCells 中为我的面板自动设置 ClientIds？

编辑：添加代码

 protected void Page_Load(object sender, EventArgs e)
    {
        this.ClientIDMode = System.Web.UI.ClientIDMode.Static;
    }

将控件添加到自定义 TableCell 的方法中的代码：

        Panel remainingTextPanel = new Panel();
        remainingTextPanel.ID = Guid.NewGuid().ToString();
        remainingTextPanel.Style["display"] = "none";
        LiteralControl remainingText = new LiteralControl(myText.Substring(initialStringLength, myText.Length - initialStringLength));
        remainingTextPanel.Controls.Add(remainingText);
        this.Controls.Add(remainingTextPanel);

 Panel linkBtnPanel = new Panel(); 
        LinkButton lnkBtn = new LinkButton() {Text = "...", OnClientClick = "toggleDynamicText('" + remainingTextPanel.ID + "'); return false;" };
        lnkBtn.Font.Bold = true;
        linkBtnPanel.Controls.Add(lnkBtn);
        this.Controls.Add(linkBtnPanel);

和 JS 代码：

function toggleDynamicText(id) {
$ctrl = $('[id$=' + id + ']');
$(document).ready(function () { 
    $ctrl.toggle(1000);
});

}

4

1 回答 1

0

在没有看到任何代码的情况下很难说出发生了什么，但要使用 jQuery 访问您的控件，您可以执行以下操作：

$("#<%=myElement.ClientID%>")

这样，.NET 分配的 ID 就无关紧要了。

于 2014-05-15T20:08:15.603 回答