jQuery trigger in external javascript file with dynamic ASP.NET tag

Question

I have this code in my .aspx page:

$("#city, #<%=tbSiteSearch.ClientID%>").on('keydown', function (e) {

As you can see I'm dynamically injecting the clientid of a server side control.

Now when I move this codeline to an external .js file, I no longer have the availability of my ASP.NET tags.

How can I move my code to an external .js file while still being able to add the trigger on that server control dynamically? Please provide a code sample on how to do it :)

Which version of .NET? From version 4.5 you can assign a static ID to controls. And why not use a CSS class? — Reinder Wit
– Reinder Wit, Commented Jan 17, 2014 at 13:07

bedane · Accepted Answer · 2014-01-17 13:04:50Z

2

An easy way is to include <%=tbSiteSearch.ClientID%> in your HTML (in a hidden container).

  <div id="myvalue" class="hidden"> <%=tbSiteSearch.ClientID%> </div>

Any js file can then use this value :

var id = $("#myvalue").text();
$("#city, #"+id).on('keydown', function (e) {

answered Jan 17, 2014 at 13:04

bedane

1,13711 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Irfan TahirKheli Over a year ago

And if I have 20 textboxes on the page then i will have to use 20 hidden fields ya?

Majid · Accepted Answer · 2014-01-17 13:09:37Z

1

You can use something like this in your ASPX:

<script>
     var tb=<%=tbSiteSearch.ClientID%>;
</script>

and then in your JS file use this:

$("#city, #"+tb).on('keydown', function (e) {

answered Jan 17, 2014 at 13:09

Majid

14.3k16 gold badges81 silver badges117 bronze badges

Comments

Mark Broadhurst · Accepted Answer · 2014-01-17 13:14:20Z

ASP.NET on IIS handles requests to some types of files. you can view this list by opening Internet Information Services (IIS) Manager, selecting your site and opening "Handler Mappings" you will see that ASP. NET (and others) listed against their respective file extensions. If you want to add javascript to be processed by ASP.NET you need to add a script mapping with the following values:

Request Path: *.js Executable: C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll Name: Javascript ASP Handler

I really would not recommend this approach however as ASP.NET would be doing a lot more work for minimal benifit.

Your are much better off assigning an ID or Class to your element and selecting based on that.

Collectives™ on Stack Overflow

jQuery trigger in external javascript file with dynamic ASP.NET tag

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related