I am creating a web app that will be used to create invoices and quotes. Currently, I am tediously creating all the controls at design time resulting in controls like the following:
txtQty1, txtDescription1, txtUnitPrice1, txtItemCode1. Then for the next line, I just repeat the controls, but add a 2 to the end of the Id. This goes on with 3, 4, 5, etc up until however many line items I need. I know this is a stupid way of doing it and I should probably do it at runtime, but I am not sure what is the best way to do it at runtime and could I possibly use JQuery to add the ASP.NET controls at runtime?
It sounds like you are wanting to dynamically create some number of controls at run time and add them to the page. This is fairly common, but unfortunately is much more complicated. Everything from referencing the controls to adding events becomes just a little bit harder. Additionally, dynamically added controls must be re-added during each postback. The controls themselves do not automatically persist between postbacks.
This article gives a great introduction to the topic: http://www.singingeels.com/Articles/Dynamically_Created_Controls_in_ASPNET.aspx
Ultimately, it depends how easily you would like to be able to access the value of those TextBoxes. In JQuery you can create textboxes on the client side, but it will be even harder to use those values from the ASP.NET code-behind page, because they won’t be server-side controls.
If it is just going to be a few controls, I would recommend sticking a few controls on during design time and showing and hiding them, as you are already doing. When you are dealing with more than a few, potentially many, repeated controls (which it sounds like you might be), you may have to go with dynamically added controls. Again, I tend to avoid this route unless I have to, because it adds a great deal of complexity.