How to dynamically hide and show rows in a formview using javascript

[pankajsingh5k]

Dear all,

I have a formview in which i have a DropDownList for selecting languages...there is also a add more button which when clicked shows 5 more dropdownlists so the user can select more langauges....

i have worked everything out....i made 5 additional rows below the languages DDList and set them to runat="server" and then i find these rows using the FormView1.FindControl method and make them Visible=false in the FormView1_PreRender() function...i use a session varaiable to keep track of the times the add more language button was clicked...

when clicked the page is postback and basically everything works.....but i have a form view there is a lot of datbase access going on and then it takes a lot of time...so i wanted to use javascript so that these rows can be made visible without reloding the page again.....

i dont know javascript much so i please guys if u could point me in the right direction it would be much appreciated

[Frinavale]

Are there a fixed number of additional rows that that they can add?

[pankajsingh5k]

thanks for your time

one dropdownlist is displayed and the user can show upto five additional rows...making a total of 6....that means 6 postbacks.....

i found a trick on http://mattberseth.com/blog/2007/07/...nels_with.html which tells how one can lazy load the tabs but i am having a problem in it as well..which i have posted in the JAVASCRIPT/AJAX section.....even so if only one tab loads even so i was wishing javascript would allow me to show more dropdownlists without server roundtrips....

thanks

[Frinavale]

This is possible.

Load all of the rows as normal and then use a JavaScript function to hide or display them according to what has been selected in the DropDownList.
You will have to somehow indicate to the JavaScript which rows to hide...so you can use a HiddenField, or create a JavaScript Array to store/pass the ClientIDs of the rows to the JavaScript function....Or you could use JavaScript to traverse through the HTML generated for FormView to locate the appropriate rows.

I don't understand what tabs have to do with hiding and displaying rows in a formview though?