1. 資料庫輸出控制元件

2. DataGrid 元件外觀 <asp:DataGrid id=“myDataGrid” runat=“server” BackImageUrl=“./bg.gif” GridLines=“none” CellPadding=“5” CellSpacing=“0” ShowHeader=“True”HeaderStyle-BackColor=“#BBBBBB”ItemStyle-HoeizontalAlign=“Center”AlternatingItemStyle-BackColor=“#CCCCFF”/> style 物件

3. 可分頁查詢的 DataGrid 元件 Sub Page_Load If Not isPostBack Then BindDataGrid End If End Sub Sub BindDataGrid Dim conPubs As SqlConnection Dim dadTitles As SqlDataAdapter Dim dstTitles As DataSet conPubs = New SqlConnection( "Server=localhost;UID=sa;PWD=secret;Database=Pubs" ) dadTitles = New SqlDataAdapter( "Select * From Titles Order By Title", conPubs ) dstTitles = New DataSet dadTitles.Fill( dstTitles ) dgrdTitles.DataSource = dstTitles dgrdTitles.DataBind() End Sub

4. 可分頁查詢的 DataGrid 元件 Sub dgrdTitles_PageIndexChanged( s As Object, e As DataGridPageChangedEventArgs ) dgrdTitles.CurrentPageIndex = e.NewPageIndex BindDataGrid End Sub DataGridPaging.aspx <asp:DataGrid ID="dgrdTitles" AllowPaging="True" PageSize="5" OnPageIndexChanged="dgrdTitles_PageIndexChanged" CellPadding="3" Runat="Server" />

5. 可分頁查詢的 DataGrid 元件 PagerStyle-PrePageText=“ 上一頁 ” PagerStyle-NextPageText=“ 下一頁 ” PagerStyle-Position=“Top” PagerStyle-Mode=“NumericPages”

6. 自訂 DataGrid 元件中顯示的資料欄位 Sub Page_Load Dim conPubs As SqlConnection Dim cmdSelect As SqlCommand conPubs = New SqlConnection( "Server=localhost;UID=sa;PWD=secret;Database=Pubs" ) cmdSelect = New SqlCommand( "Select * From Titles", conPubs ) conPubs.Open() dgrdTitles.DataSource = cmdSelect.ExecuteReader() dgrdTitles.DataBind() conPubs.Close() End Sub

7. 自訂 DataGrid 元件中顯示的資料欄位 DataGridBoundColumns.aspx <asp:DataGrid ID="dgrdTitles" AutoGenerateColumns="False" Runat="Server">

8. DataGrid 元件中的資料欄位聯結功能 <asp:DataGrid ID="dgrdAuthors" AutoGenerateColumns="False" CellPadding="10" Runat="Server"> <asp:HyperLinkColumn DataTextField=“ 植物名稱 ” HeaderText=" 植物名稱 " DataNavigateUrlField=“ 英文名稱 “ DataNavigateUrlFormatString=“http://127.0.0.1/{0}.aspx" <asp:boundColumn dataField=“ 英文名稱 ” HeaderText= =“ 英文名稱 ” /> Note: {0} 為游標所在欄位對應之 DataNavigateUrlField 屬性值

9. DataGrid 元件中的排序功能 Sub Page_Load If Not isPostBack Then BindDataGrid( "Title" ) End If End Sub Sub BindDataGrid( strSortField As String ) Dim conPubs As SqlConnection Dim cmdSelect As SqlCommand conPubs = New SqlConnection( "Server=localhost;UID=sa;PWD=secret;Database=Pubs" ) cmdSelect = New SqlCommand( "Select * From Titles Order By " & strSortField, conPubs ) conPubs.Open() dgrdTitles.DataSource = cmdSelect.ExecuteReader() dgrdTitles.DataBind() conPubs.Close() End Sub Sub dgrdTitles_SortCommand( s As Object, e As DataGridSortCommandEventArgs ) BindDataGrid( e.SortExpression ) End Sub

10. DataGrid 元件中的排序功能 DataGridSortExpression.aspx <asp:DataGrid ID="dgrdTitles" AllowSorting="True" OnSortCommand="dgrdTitles_SortCommand" AutoGenerateColumns="False" CellPadding="10" Runat="Server">

11. Repeater 資料庫輸出控制項 Sub Page_Load Dim conPubs As SqlConnection Dim cmdSelect As SqlCommand Dim dtrAuthors As SqlDataReader ' Retrieve records from database conPubs = New SqlConnection( "Server=localhost;UID=sa;PWD=secret;Database=Pubs" ) cmdSelect = New SqlCommand( "Select * From Authors", conPubs ) conPubs.Open() dtrAuthors = cmdSelect.ExecuteReader() ' Bind to Repeater rptAuthors.DataSource = dtrAuthors rptAuthors.DataBind() dtrAuthors.Close() conPubs.Close() End Sub

12. Repeater 資料庫輸出控制項 Repeater.aspx <asp:Repeater ID="rptAuthors" Runat="Server"> Note: Data binding tag

13. Repeater 資料庫輸出控制項 Sub Page_Load Dim conPubs As SqlConnection Dim cmdSelect As SqlCommand Dim dtrAuthors As SqlDataReader ' Retrieve records from database conPubs = New SqlConnection( "Server=localhost;UID=sa;PWD=secret;Database=Pubs" ) cmdSelect = New SqlCommand( "Select * From Authors", conPubs ) conPubs.Open() dtrAuthors = cmdSelect.ExecuteReader() ' Bind to Repeater rptAuthors.DataSource = dtrAuthors rptAuthors.DataBind() dtrAuthors.Close() conPubs.Close() End Sub

14. Repeater 資料庫輸出控制項 RepeaterTable.aspx <asp:Repeater ID="rptAuthors“ EnableViewState=“False” Runat="Server"> First Name Last Name Phone

15. Repeater 資料庫輸出控制項

16. Repeater 資料庫輸出控制項 Repeater 提供較 DataGrid 元件更自由的資 料排列方式 Repeater 在每一列中只能顯示資料庫中的 一筆紀錄

17. DataList 資料庫輸出控制項 Sub Page_Load Dim conPubs As SqlConnection Dim cmdSelect As SqlCommand Dim dtrAuthors As SqlDataReader conPubs = New SqlConnection( "Server=localhost;UID=sa;PWD=secret;Database=Pubs" ) cmdSelect = New SqlCommand( "Select * From Authors", conPubs ) conPubs.Open() dtrAuthors = cmdSelect.ExecuteReader() dlstAuthors.DataSource = dtrAuthors dlstAuthors.DataBind() dtrAuthors.Close() conPubs.Close() End Sub

18. DataList 資料庫輸出控制項 DataListTemplate.aspx Author Phone Numbers: First Name: Last Name: Phone:

19. DataList 資料庫輸出控制項 <asp:DataList ID="dlstProducts" RepeatColumns="4" RepeatDirection="Horizontal" CellSpacing="10" Runat="Server"> <asp:LinkButton Text=' ' Runat="Server"/>