Project Setup

IOTA^_^    

ASP.NET Developer's JumpStart
By Paul D. Sheriff, Ken Getz
Table of Contents
Chapter 19.  Using the DataList Control


In this chapter, you'll create the page shown in Figure 19.1. This page includes a DataList control that retrieves its data from the Employees table in the SQL Server Northwind sample database.

Figure 19.1. The DataList control allows you to lay out the items to be displayed, as well as the edited item, using HTML templates.

graphics/19fig01.jpg

In this chapter, you'll tackle the following tasks using the DataList control:

  • Bind the DataList control to a data source.

  • Set up the item template, displaying each row of data.

  • Implement data editing within the DataList control.

  • Use the DataList control's Property Builder dialog box to set the control's properties.

  • Handle events that occur while editing items within the DataList control.

In order to work through this chapter, you'll need to create the EmployeeInfo.aspx page. Follow these steps to get started:

  1. Select the Project, Add Web Form menu item.

  2. Set the name of the page to EmployeeInfo.aspx.

  3. Add the controls to the new page using Table 19.1 as your guide. Once you're done, the page should look like Figure 19.2.

    Figure 19.2. Your page should look like this in the page designer.

    graphics/19fig02.jpg

    Table 19.1. Set the Properties of the Controls on Your Page Using This Table as Your Guide
    Control Property Value
    Label Font.Bold True
      Font.Size Large
      Text Employee Information
    HyperLink ID hypHome
      NavigateURL Main.aspx
      Text Home
    DataList ID datEmps
    Label ID lblError
      Text (Delete the text from this property.)

You will also need to add a hyperlink to the main page in order to call the new page you will build in this chapter:

  1. Open Main.aspx in the page designer.

  2. Add a new HyperLink control just below the Employees hyperlink.

  3. Set the properties for this new HyperLink control as shown in Table 19.2.

    Table 19.2. Set the New Hyperlink's Properties Using These Values
    Property Value
    ID hypEmpInfo
    Text Employee Information
    NavigateURL EmployeeInfo.aspx


    IOTA^_^    
    Top


    ASP. NET Developer's JumpStart
    ASP.NET Developers JumpStart
    ISBN: 0672323575
    EAN: 2147483647
    Year: 2002
    Pages: 234

    flylib.com © 2008-2017.
    If you may any questions please contact us: flylib@qtcs.net