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

发布于 2024-12-11 14:37:29 字数 2065 浏览 2 评论 0原文

目前,如果我在 SharePoint 项目中使用 JavaScript,我会将代码添加到 *.ascx 文件中的 中块并为每个元素创建一个 ClientID 变量。

例如:

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

现在我想向我的项目添加外部 JavaScript 并在那里插入代码。 但是我怎样才能访问ClientID呢?在外部 JavaScript 中,我无法使用 <%= TextBox1.ClientID %>。我发现了这个:引用外部文件中的服务器控件但我不明白,这应该如何运作。如果有人能解释一下如何访问 ids,那就太棒了。

顺便问一下,为什么这个:

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

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

不起作用,不会显示任何消息?

Greetz

编辑 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 一起使用的想法,如果他让我知道那就太好了。

At the moment, if I use JavaScript in my SharePoint projects, I add the code into the *.ascx file, in a <script type="text/javascript"></script> block and create for each element a variable for the ClientID.

For example:

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

Now I would like to add an external JavaScript to my projects and insert the code there.
But how could I access to the ClientID? In the external JavaScript I can’t use <%= TextBox1.ClientID %>. I found this: referencing server controls in external file but I doesn’t understand, how this should work. It would be awesome, if someone could explain my, how to access the ids.

By the way, why this:

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

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

doesn’t work, no message would be shown?

Greetz

Edit 1:

Okay, I could just use textBox1 in my external script?
I did it this way, this is in my *.ascx file:

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

In my external script I have just a function to test it:

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

I also tested it with "#" +. Every time test() is executed, I get following error:

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

Edit 2:
I missed a ) in the alert. But now I get a message that the variable is not defined.
If I use: $('#' + ClientIDs.SumbitSearch).val() I just get the Text and not the ID of my control.

Edit 3:
At the moment I use:

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

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

In my *.ascx file, it works. I don't like that way... It doesn't work in a external JS, the references doesn't work. If someone have some other ideas, which would work with .net 3.5 it would be nice, if he let me know.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

别再吹冷风 2024-12-18 14:37:29

为了解释并简化您链接到的问题,他们所做的就是从页面/服务器控件设置 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());

To explain, and simplify the question that you're linking to, all they are doing is setting a JavaScript variable from the page/server control, and reading that variable from an external JavaScript file.

For example, your *.ascx file will contain this JavaScript:

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

Then, your external JavaScript file can just reference the variable textBox1.

Now, there are other ways to accomplish this. If you're using ASP.NET 4, you can use a new property ClientIDMode to prevent ASP.NET from changing your IDs. If you're not using ASP.NET 4, could also simply add a CSS class to the elements you want to select, and just change your jQuery selector to use a class (slightly slower than using an ID though).

Lastly, you'll need to use the # when evaluating a jQuery selector for an element id, so this will work:

alert($('#' + ClientIDs.test1).val());
紫罗兰の梦幻 2024-12-18 14:37:29

在 ASP 页面中:

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

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

documnet.getelementByid(test2);

In the ASP page:

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

And in external JavaScript access TextBox2 in this way:

documnet.getelementByid(test2);
彻夜缠绵 2024-12-18 14:37:29

我从来没有找到我喜欢的解决方案,但我已经实现了一些并不完全可怕的解决方案:

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

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

I've never found a solution to this that I like, but I've implemented a couple work-arounds that aren't completely horrible:

  • For the JS code which must reference specific page elements, define it in the .aspx file, so you have access to <%= btnFoo.ClientID %>. Those functions can call common heavy-lifting functions in your .js file.
  • Define javascript variables in your .aspx file to hold the ClientID values. Functions in your .js file can reference those variables to get the client IDs. Of course, those functions will only work correctly on pages which define the expected variables.

Perhaps other SO'ers will have more elegant solutions to this problem - I look forward to seeing other responses.

浅沫记忆 2024-12-18 14:37:29

使用明确的全局参数。

window.clientId= '<%= TextBox1.ClientID %>';

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

Use explicity global parameter.

window.clientId= '<%= TextBox1.ClientID %>';

it means that you have gloabal variable "cilentId". And then you can use it everywhere.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文