Inline-Edit Control Using ASP.NET 2.0 AJAX 1.0 Extensions
page 1 of 7
Published: 04 Oct 2007
Abstract
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
Feedback
Average Rating: 
Views (Total / Last 10 Days): 19716/ 201

Introduction

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

Article Feedback

Title:  
Name:  
Url: ( Optional )
Comment:  
Please add 7 and 4 and type the answer here:

User Comments

Title: using more than 1 region   
Name: Chris Fontan
Date: 9/23/2008 12:49:48 PM
Comment:
is there a little more information on using multiple editable regions?
Title: Cool one   
Name: Habiburahman Khaled
Date: 11/3/2007 3:16:36 AM
Comment:
Thanks great one.
Title: Updates   
Name: Mikhail
Date: 10/18/2007 5:26:01 PM
Comment:
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: amir   
Name: amir
Date: 10/18/2007 4:19:45 PM
Comment:
Thanks
Title: Good Idea   
Name: Worawut Boontan
Date: 10/18/2007 8:14:57 AM
Comment:
Thanks
very nice idea.
Title: Re:   
Name: Bilal Haidar
Date: 10/7/2007 2:21:56 AM
Comment:
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:
http://bhaidar.net/cs/archive/2007/10/03/asp-net-2-0-ajax-inlineeditlabel-control.aspx

Hope you enjoy it!
Regards
Title: Very Very Cool!   
Name: Mohammad Azam
Date: 10/6/2007 11:39:09 PM
Comment:
Wow! thank is soooo awesome :)
Title: Nice   
Name: Steve
Date: 10/5/2007 4:39:07 PM
Comment:
Very cool!






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


©Copyright 1998-2008 ASPAlliance.com  |  Page Processed at 10/8/2008 7:42:30 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search