Inline-Edit Control Using ASP.NET 2.0 AJAX 1.0 Extensions
page 1 of 7
Published: 04 Oct 2007
In this article Bilal Haidar will show you how to develop a Microsoft ASP.NET AJAX 1.0 Inline-Edit control that can be used to provide on-the-spot text editing for specific areas on a web form.
by Bilal Haidar
Average Rating: 
Views (Total / Last 10 Days): 33647/ 55


AJAX brought a lot of new ideas to develop rich web applications. Many techniques that we used to dream of before the days of AJAX can now be easily implemented!

One of the nice features that developers can provide for a Web application is the ability to allow Administrators or Editors on the website to edit pages with static text on the spot without having to generate a new Web form just for editing those static pages.

Suppose for example you would like to post your CV on a web page, that CV rarely changes, so instead of having to store it in a database you can simply place your CV as plain HTML and let it be editable on-the-spot. This way, when you for example attend a new training at your work and want to add that to you CV, you simply click on your online CV. It will be converted into an editable area, you add or remove any part of your CV and that is it! Your CV is now updated with no database access or extra effort with dynamic form!

This article shall explain how to enable editable areas on a WebForm with a single line of HTML code.

This article requires that readers are familiar with creating AJAX classes. If you feel you need more on this topic, it is recommended that you check the following article:

View Entire Article

User Comments

Title: Glo Vapor Electonic Cigarette   
Name: Chris Fontan
Date: 2010-06-20 12:42:14 PM
we used the inline edit in the admin section of our website! It works GREAT!

Electronic cigarettes, 510 ego, tornado, glo stick, ecigarettes, liquid nicotine, long battery life, smokeless cigarettes, healthy cigarette, water vapor, tobacco alternative, stop smoking, quit smoking
Title: thanks   
Name: gasby
Date: 2010-04-09 12:27:13 PM
the change does not reflect in the span when the page is refreshed
Title: Not Download   
Name: Adil
Date: 2009-06-11 2:53:58 AM
I want to download this arttical but not going to download .please ckeck it.
This is very good idea.
Title: using more than 1 region   
Name: Chris Fontan
Date: 2008-09-23 12:49:48 PM
is there a little more information on using multiple editable regions?
Title: Cool one   
Name: Habiburahman Khaled
Date: 2007-11-03 3:16:36 AM
Thanks great one.
Title: Updates   
Name: Mikhail
Date: 2007-10-18 5:26:01 PM
As far as I can see (correct me if I wrong) you can only update one field at a time.

I think it will be much better is to have autimatically generated button , which loops through all the controls on the form and check the class. if class is editText, if submit the ajax update request to the update page and when update is done, then refreshes all controls.
Title: Good Idea   
Name: Worawut Boontan
Date: 2007-10-18 8:14:57 AM
very nice idea.
Title: Re:   
Name: Bilal Haidar
Date: 2007-10-07 2:21:56 AM
Thanks guys, you are full of sense,
Hey check out another version of the above control. In fact this one was based on another script and adding it to a website requires some work, that is why I came up with a new control that is a server control and enables inline edit. I will soon have an article on it, check it out here:

Hope you enjoy it!
Title: Very Very Cool!   
Name: Mohammad Azam
Date: 2007-10-06 11:39:09 PM
Wow! thank is soooo awesome :)
Title: Nice   
Name: Steve
Date: 2007-10-05 4:39:07 PM
Very cool!

Community Advice: ASP | SQL | XML | Regular Expressions | Windows

©Copyright 1998-2024  |  Page Processed at 2024-04-13 9:24:33 PM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search