asp.net - Inline form editing on client side -

I think some web sites use dynamic forms to edit a set of data (I'm sure How to call them!). For example: A group of data such as data, last name, city, country.etc, when the user clicks on the edit button, instead of postback, a form to help 2 text boxes + 2 comboboxes, dynamic form Opens to edit from, and then when you click the save button, the editing form disappears, and all the data updates.

Now, I know what happens here is using some javascript for Ajax and DOM manipulation for server calls. I also get some jquery plugins for editing text boxed. However, I could not find anything for the full implementation of the farm field. So I call it jquery ajax on asp.net and manually implemented it. Here is my process:

1) When the Edit button was clicked: To get the required form.aspx call an AJAX server 2) Editable form with this assigned values Returns the field. 3) When the Save button is clicked: Formupdateprocess.aspx Call AJAX on server to retrieve the page. It basically updates the database and then returns the required DOM snipplet (...) to insert the current page.

Works well but my problem is performance .. Results samples Looking at the slower which I see in the other sites. ((

Is there anything I do not know? A better way to implement this ??

I place the edit form on the client, however For example, "style =" display: no one; "is hidden with", and then shows it when the user clicks the edit button. This event is very expensive according to performance.

This is a very basic example and does not consider the status of the edit form, etc.

   gt; script type = "text / javascript" & gt; ; $ (Function () {$ ("# showEdit"). Click (function () {$ ("# editForm"). CSS ("display", "block");});}); & lt; / S Cript & gt; & lt; / head> gt; body & gt; & lt; div id = "editForm" style = "display: none; At positi: absolute; Z-index: 999; For the label labeled "FieldName Input"> User Name: & lt; / Label & gt; & lt; input id = "surnameInput" type = "text" /> & gt; Lt; label input id = "firstname input" type = "text">>  
 
   

This means that your home page will have to move editing field values ​​from the first load , But often this small price to pay, because the user waits at that time, not when they click on a button.