What is the most efficient and robust way to program ASP.NET with javascript?

Question

I wanted to know what is the best approach to program ASP.NET with JS? So far, I've been trying to code with the Codebehind attributes.add("onclick," ...."); is there a better more efficient way to use JS with ASP.NET?

thanks

i think writing your functions in a separate js file is much more efficient and flexible than trying to write all the your javascript functions from code behind. — Jishnu A P
– Jishnu A P, Commented Mar 27, 2011 at 13:26
But how can I achieve that? I dont know my control's IDs... (ctl100....) — Himberjack
– Himberjack, Commented Mar 27, 2011 at 13:27
Can you please be more specific? Do you write custom controls and need them to write some JS to the browser? — user447356
– user447356, Commented Mar 27, 2011 at 13:27
@oshafran - regarding the ID, you can find it by having this.ClientID in the control code behind.. — user447356
– user447356, Commented Mar 27, 2011 at 13:28
You could also use ClientIDMode="Static" if you're in .Net 4.0 — Yuriy Faktorovich
– Yuriy Faktorovich, Commented Mar 27, 2011 at 13:31

Jishnu A P · Accepted Answer · 2011-03-27 14:42:02Z

3

writing all your function in a separate js file is far more flexible that what you are doing now. The problem might be getting the control ID's in your js file. Well there are many methods.

Hardcoding

Just view the source and figure out the ID of the control which you want to use. this is easy but if you you may want to change the ID of the control at some point of time the respective functions will not work

Something like This

Declare a variable with all the the ClientIDs in the aspx file use it in the js file

var MyControlIDs = {"Textbox1":"<%= Textbox1.ClientID %>","Label1":"<%= Label1.ClentID %>"};

and in your js file var mycontrol= window.MyControlIDs and use it wherever you want

var textbox = document.getElementById(mycontrol.TextBox1);

edited Mar 27, 2011 at 14:42

answered Mar 27, 2011 at 13:55

Jishnu A P

14.4k8 gold badges42 silver badges52 bronze badges

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

Comments

Yuriy Faktorovich · Accepted Answer · 2011-03-27 13:22:08Z

0

Many WebControls have an OnClientClick property, which is equivalent of what you're doing. Also you can always set it in your markup for controls that don't have the property.

answered Mar 27, 2011 at 13:22

Yuriy Faktorovich

68.9k14 gold badges107 silver badges150 bronze badges

3 Comments

Himberjack Over a year ago

thanks. Is this is the best way to use JS & ASP.NET? using this programming method?

Himberjack Over a year ago

Also, what about other events? like onmousemove?

Yuriy Faktorovich Over a year ago

@oshafran I can't remember any controls that have an onmousemove property in .NET off the top of my head. Simplest would probably be to use the markup to set it. Otherwise the method you mentioned is the normal way. There are more convoluted ways, including creating your own controls or overriding the render.

Collectives™ on Stack Overflow

What is the most efficient and robust way to program ASP.NET with javascript?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related