O'Reilly logo

Programming ASP.NET, Second Edition by Dan Hurwitz, Jesse Liberty

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

DataList Editing

The DataList control also provides extensive support for in-place editing. In the next example, you’ll modify the data list you built earlier to display Bugs, but this time you’ll add in-place editing.

The same control over look and feel that the data list provides through templates can be extended to the look and feel of the editing process. In the next example, you’ll create a data list with two columns of data. Each record will include an Edit button to put your grid into edit mode for that record, as shown in Figure 13-4.

The DataList with Edit buttons

Figure 13-4. The DataList with Edit buttons

When the user presses the Edit button the EditItemTemplate tag will dictate the exact look and feel of the editing user interface, as shown in Figure 13-5.

The DataList in edit mode

Figure 13-5. The DataList in edit mode

To accomplish this, you’ll create an .aspx file with a single data list. You’ll add attributes to set the edit, cancel, and update commands, and this time you’ll also add an attribute for the delete command. The DataList tag appears as follows:

<asp:DataList id ="DataList1" runat="server" CellPadding="5" HeaderStyle-BackColor="PapayaWhip" BorderWidth="5px" BorderColor="#000099" AlternatingItemStyle-BackColor="LightGrey" HeaderStyle-Font-Bold EditItemStyle-BackColor="Yellow" EditItemStyle-ForeColor="Black" RepeatColumns="2" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required