如何在外部 JavaScript 中从 ServerControl 访问 ClientID

Question

目前，如果我在我的 SharePoint 项目中使用 JavaScript，我会将代码添加到 *.ascx 文件的 <script type="text/javascript"></script> 块中，并为每个元素创建一个用于 ClientID 的变量。

例如：

var test = '<%= TextBox1.ClientID %>';

现在我想在我的项目中添加一个外部 JavaScript 并在其中插入代码。 但是我怎样才能访问ClientID？在外部 JavaScript 中我不能使用<%= TextBox1.ClientID %>。我发现了这个：referencing server controls in external file 但我不明白，这应该如何工作。如果有人能解释我如何访问这些 ID，那就太棒了。

顺便问一下，为什么会这样：

<script type="text/javascript">
    var ClientIDs = {
        test1   : '<%= TextBox1.ClientID %>',
        test2   : '<%= TextBox2.ClientID %>'
        }

    function SetButtonStatus() {    
            alert($(ClientIDs.test1).value);
        }
</script>

不起作用，不会显示任何消息？

问候

编辑 1：

好的，我可以在我的外部脚本中使用 textBox1 吗？ 我是这样做的，这是在我的 *.ascx 文件中：

<script type="text/javascript">
    var ClientIDs = {
        textBox1:    '<%= textBox1.ClientID %>',
        textBox2:    '<%= textBox2.ClientID %>'
    }
</script>

在我的外部脚本中，我只有一个函数来测试它：

function test () {
alert($(ClientIDs.textBox1).val();
}

我还用"#" + 对其进行了测试。每次执行 test() 时，都会出现以下错误：

"document.getElementById(...)" is null or not an object

编辑 2： 我错过了警报中的)。但现在我收到一条消息，指出该变量未定义。 如果我使用：$('#' + ClientIDs.SumbitSearch).val() 我只得到文本而不是我的控件的 ID。

编辑 3： 目前我使用：

<script type="text/javascript">
    var ClientIDs = {
        test1 :    '<%= TextBox1.ClientID %>',
        test2 :    '<%= TextBox2.ClientID %>'
    }

    function test() {
       alert($('#' + ClientIDs.test1).attr("id")));
    }
</script>

在我的 *.ascx 文件中，它可以工作。我不喜欢这种方式......它在外部 JS 中不起作用，引用不起作用。如果有人有其他想法，可以与 .net 3.5 一起使用，如果他让我知道，那就太好了。

Answer 1

为了解释和简化您链接到的问题，他们所做的只是从页面/服务器控件设置一个 JavaScript 变量，然后从外部 JavaScript 文件中读取该变量。

例如，您的 *.ascx 文件将包含以下 JavaScript：

var textBox1 = '<%= TextBox1.ClientID %>';

然后，您的外部 JavaScript 文件可以只引用变量 textBox1。

现在，还有其他方法可以做到这一点。如果您使用的是 ASP.NET 4，则可以使用新属性 ClientIDMode 来防止 ASP.NET 更改您的 ID。如果您不使用 ASP.NET 4，也可以简单地将 CSS 类添加到要选择的元素中，然后将 jQuery 选择器更改为使用类（虽然比使用 ID 稍慢）。

最后，在评估元素 id 的 jQuery 选择器时，您需要使用 #，所以这将起作用：

alert($('#' + ClientIDs.test1).val());

Answer 2

我从来没有找到我喜欢的解决方案，但我已经实施了一些不是完全可怕的变通办法：

• 对于必须引用特定页面元素的 JS 代码，在 .aspx 文件中定义它，这样您就可以访问 。这些函数可以在您的 .js 文件中调用常见的繁重函数。
• 在 .aspx 文件中定义 javascript 变量以保存 ClientID 值。 .js 文件中的函数可以引用这些变量来获取客户端 ID。当然，这些函数只能在定义了预期变量的页面上正常工作。

也许其他 SO'ers 会有更优雅的解决方案来解决这个问题 - 我期待看到其他回应。

Answer 3

使用明确的全局参数。

window.clientId= '';

这意味着你有全局变量“cilentId”。然后你可以在任何地方使用它。

Answer 4

在 ASP 页面中：

<script>
    var test2 = '<%= TextBox2.ClientID %>'
</script> 

并在外部JavaScript中以这种方式访问​​TextBox2：

documnet.getelementByid(test2);