Using Repeater to Edit in-line with AJAX in C#

In this tutorial, we will be looking at how we can replicate the built-in feature of the GridView control and use a Repeater to edit data inline and almost without delay. We will be using AJAX to call asynchronous postbacks, and allow editing of data a row at a time.

This tutorial was written with ASP.NET 3.5 using Visual Studio 2008. If you are using 2005 with ASP.NET 2.0, then you will need to download the AJAX Extensions from Microsoft.

The first thing we will do is to add the ScriptManager to our ASPX page, which will manage all of our AJAX calls:

Next, we can add an UpdatePanel to the page:

We migrated our web sites to Server Intellect over one weekend and the setup was so smooth that we were up and running right away. They assisted us with everything we needed to do for all of our applications. With Server Intellect's help, we were able to avoid any headaches!

We will make use of the Header template to start a HTML table, and the Footer template to end it. The Content template will be used for the data we will be displaying. For this example, we will display data from an XML file. The XML will look something like this:

Here, we define three data records each with an ID, name, Age, and Country. We will use this XML file to display in the repeater. We can do this on page load like so:

We chose Server Intellect for its dedicated servers, for our web hosting. They have managed to handle virtually everything for us, from start to finish. And their customer service is stellar.

This code simply reads the XML from the external file and then assigns it to our Repeater to display. First though, we need to build out our repeater template. Let's go ahead and create a HTML table to display:

In each of the table cells, we will place a Literal control and a TextBox control - making the TextBox control hidden by default. We will also assign the values of the datasource to each control:

Notice we have included LinkButtons with CommandNames. We will use these on the onItemCommand event of the Repeater. To create a handler for this event, either select the Repeater in Design view and double-click the onItemCommand event in the Properties window, or add the following code (You'll also need to include the method name in the OnItemCommand attribute on the Repeater control):

Here, we are going to check the CommandName, as we have two. Then we will set the visibility of the Literal and TextBox controls:

We moved our web sites to Server Intellect and have found them to be incredibly professional. Their setup is very easy and we were up and running in no time.

Now if we run this web application, we will be able to click the Edit link for each item in the XML file and we will be provided with a textbox to edit the data. You can add a third update command to save the data back to the XML file.
The ASPX page will look something like this:

And then the entire code-behind will look something like this:

I was find difficulty into integrating asp.net Ajax with repeater. thanks for this excellent article http://www.planetsourcecode.in

Are you nuts?

Which part employs Ajax?

Is there a shorter codes to implement the program?

Yeah i have noticed that you had included LinkButtons with CommandNames which will be using on the onItemCommand event of the Repeater.

In creating a handler for the event, either select the Repeater in Design view and double-click the onItemCommand event in the Properties window.

This code simple does not work. There is no update.

this code is working fine.............

Now i have to implement update button in repeater and i am facing problem in that .......... can you upload the code for update button......................plz................

Thanks

www.gucci2you.com

This is a bogus example that has nothing to do with AJAX. it uses regular code-behind approach and the code is not even complete. This is just a regular SEO trap to promote a hosting company.