如何在外部 JavaScript 中从 ServerControl 访问 ClientID
目前,如果我在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
为了解释并简化您链接到的问题,他们所做的就是从页面/服务器控件设置 JavaScript 变量,并从外部 JavaScript 文件读取该变量。
例如,您的 *.ascx 文件将包含以下 JavaScript:
然后,您的外部 JavaScript 文件可以仅引用变量
textBox1
。现在,还有其他方法可以实现这一目标。如果您使用的是 ASP.NET 4,则可以使用新属性 ClientIDMode 防止 ASP.NET 更改您的 ID。如果您不使用 ASP.NET 4,也可以简单地将 CSS 类添加到要选择的元素中,然后将 jQuery 选择器更改为使用类(尽管比使用 ID 稍慢)。
最后,在评估元素 id 的 jQuery 选择器时,您需要使用
#
,因此这将起作用: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:
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:在 ASP 页面中:
在外部 JavaScript 中以这种方式访问
TextBox2
:In the ASP page:
And in external JavaScript access
TextBox2
in this way:我从来没有找到我喜欢的解决方案,但我已经实现了一些并不完全可怕的解决方案:
也许其他 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:
Perhaps other SO'ers will have more elegant solutions to this problem - I look forward to seeing other responses.
使用明确的全局参数。
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.