扩展事件字符串中的 ClientID

Question

我遇到了 <%= obj.ClientID %> 问题扩展，在 .ascx 用户控件中。

我有一个 .js 文件，包含一个 javascript 函数：

function doSomething(objectId)
{
    ...
}

我有一个 .ascx 文件，其中包含一些 html 元素，并且在一个元素的 onclick= 中我想调用 doSomething()，传递该 .ascx 文件中元素的 ID，其中传递的 ID 是所单击的元素以外的元素的 ID，因此我不能使用“this.”。

也许举个例子会更清楚。

这有效：

<script type="text/javascript">
    function redirect()
    {
        doSomething('<%= top.ClientID %>');
    }
</script>
<div id="top" runat="server">
    <img src="..." alt="..." onclick="redirect();"/>
</div>

但这不起作用：

<div id="top" runat="server">
    <img src="..." alt="..." onclick="doSomething('<%= top.ClientID %>');"/>
</div>

当我查看源代码时，我发现 <%= %>替换尚未发生，而不是“doSomething('ctl00_myControl_top');”我得到“doSomething('<%= top.ClientID %>');”

由于某种原因，脚本扩展发生在前一种情况下，但不会发生在后者中。当然，这种解决方法是不可接受的，因为如果我在页面上包含该控件的多个副本，它将中断 - 只有一个实例的“redirect()”函数可以访问。

关于如何使这种替代起作用有什么想法吗？

Answer 1

在我的机器上可以运行吗？

<div id="top" runat="server">
    <a href="#" onclick="doSomething('<%= top.ClientID %>')">rarrarara</a>
</div>

成为

<div id="ctl00_ContentPlaceHolder1_top">
    <a href="#" onclick="doSomething('ctl00_ContentPlaceHolder1_top')">rarrarara</a>
</div>

Answer 2

考虑替代路线：

确保您在 JavaScript 中使用内联表达式<%= (controlName).ClientID %> 引用的控件具有其“ClientIDMode”说明符设置为静态值，然后只需使用该控件的 ID 字段中的文本来引用它。我最终在最近的一个项目中使用了它，它效果很好。请参阅下面的链接以获取更详细的说明：

代码项目 - ASP.NET v4.0 客户端 ID 功能

除了将“ClientIDMode”说明符设置为“静态”之外，我还发现了一个关于从全局资源文件放置文本的有用想法（在语言切换的情况下）到不必在服务器级别运行的标准 HTML 控件的字段中。我在一个标准 HTML 按钮上使用了它，该按钮应该调用一个 JavaScript 函数来显示/隐藏特定的 div 或 ASP 面板。在内联表达式标签中使用 GlobalResource 函数，如下所示：

<input id="btnToggleFilterOptions" type="button" value="<%=GetGlobalResourceObject("SiteResource", "btnToggleFilterOption")%>" onclick="javascript:ToggleCssClass('divFilterOption','visible'); return false;" class="button submit" />

<asp:Panel ID="divFilterOption" ClientIDMode="Static" runat="server">
    <asp:TextBox ID="txtFilterOption1" runat="server" />
</asp:Panel>

我知道这是一篇旧文章，但在 Google 上搜索 Asp .NET 和 ClientID 时它很受欢迎。我希望这可以帮助其他人！