How to add dynamic fields using jQuery in ASP.NET form?

Question

I need to add dynamic fields using jQuery, something like this one: http://bit.ly/AByQZb
But the problem is I don't know how to do it with asp.net forms so I can see these new fields in code behind.
I thought I can use a repeater and in code behind on click method of a button I increase or decrease the items count which containing the fields I want, is there a better idea (client side approach) ?

Thanx in advanced

as asp.net control will be interpreted as html control in browser and if you want to create control dynamically you need to call .clone() method — Amritpal Singh
– Amritpal Singh, Commented Apr 8, 2012 at 20:32
I'm o.k about calling this method, but I can't see the added fields in code behind, this is the main issue here. — Dabbas
– Dabbas, Commented Apr 8, 2012 at 20:44

mgnoonan · Accepted Answer · 2012-04-08 20:25:33Z

2

As long as the fields are added inside the <form> tag, and the names and IDs do not conflict with any other elements, they will still be part of the postback data, so you should be able to access the values using the Request.Form collection.

C#:

string dynamicValue = Request.Form["dynamicTextName"].ToString();

VB:

Dim dynamicValue as String = Request.Form("dynamicTextName").ToString()

Since these fields have been dynamically added on the client side, they are by definition not server side controls which normally have the runat="Server" attribute in the markup. So you will not see a corresponding object in your code-behind which allows you to access the various properties.

You can validate that the dynamic values are submitted with the form by using Fiddler, the IE Developer Tools or Firebug.

answered Apr 8, 2012 at 20:25

mgnoonan

7,2005 gold badges26 silver badges28 bronze badges

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

5 Comments

Dabbas Over a year ago

I thought about this approach but, wondered if there's javascript code allows me to see corresponding objects in code-behind.

mgnoonan Over a year ago

By "seeing" them I assume you mean have an object to reference them with? Like when you drag and drop a button control onto the designer? Those are controls that the server is already aware of, not added dynamically at run time. The only way to "see" them is to add them in the designer.

mgnoonan Over a year ago

Well, now that I think about it, you could add the entire row as a UserControl, and add some logic in the UC code behind...

Dabbas Over a year ago

can you please clarify you idea about using UC ?, and yes I meant by "See" what you said.

mgnoonan Over a year ago

At this point I think that is a separate question, since yours starts with "I need to add dynamic fields using jQuery". Perhaps you could start a new question with a more open nature about the task you are trying to accomplish.

Collectives™ on Stack Overflow

How to add dynamic fields using jQuery in ASP.NET form?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related