Slide 10.6: User interface: Default.aspx (cont.)

User Interface: Default.aspx (Cont.)

The ASP.NET data binding enables page developers to hierarchically bind control properties to data container values. Code located within a <%# %> code block is only executed when the DataBind method of its parent control container is invoked. ASP.NET automatically generates the following source code Default.aspx after the interface is created by developers.

(Simplified) Default.aspx

01<%@ Page Language="C#" AutoEventWireup="false"
02  CodeDatabase="Default.aspx.cs" Inherits="_Default" %>
03<!DOCTYPE html>
04<html xmlns="http://www.w3.org/1999/xhtml">
05 <body>
06  <form id="form1" runat="server">
07   An ASP.NET Database Processing Example
08   Name: <asp:TextBox ID="authorName" runat="server" Width="150px" />
09   Email: <asp:TextBox ID="email" runat="server" Width="150px" />
10   <asp:Button ID="insert" runat="server" Text="Insert" />
11   <asp:Button ID="delete" runat="server" Text="Delete" />
12   <asp:Button ID="search" runat="server" Text="Search" />
13 
14   The search results are
15   <asp:Repeater ID="searchResult" runat="server">
16    <HeaderTemplate>
17     <table border="1">
18      <tr bgcolor="#b0c4de">
19       <th>ID</th><th>Name</th><th>Email</th>
20      </tr>
21    </HeaderTemplate>
22 
23    <ItemTemplate>
24     <tr bgcolor="#f0f0f0">
25      <td><%#DataBinder.Eval(Container.DataItem,"authorID")%></td>
26      <td><%#DataBinder.Eval(Container.DataItem,"authorName")%></td>
27      <td><%#DataBinder.Eval(Container.DataItem,"email")%></td>
28     </tr>
29    </ItemTemplate>
30 
31    <FooterTemplate></table></FooterTemplate> 
32   </asp:Repeater>
33  </form>
34 </body>
35</html>