asp.net資料繫結DataBind使用方法_實用技巧

簡單介紹 DataBind
DataBind包括三大方法，Repeater，DataList和DataGrid，這些控制項都位於 System.Web.UI.WebControls 命名空間中，從 WebControl 基類中直接或間接派生出來的。這些方法都是通過HTML來顯示資料的內容。

建立DataBind
所有的DataBind都應該用DataBind() 函數來建立（注意如果你用的是C#，請注意大小寫）資料繫結，是整個頁面PAGE和所有控制項的一個方法，也就是說，他可以被所有的控制項使用，你建立資料繫結的時候，DataBind可以作為控制項的一個子項，比如DataList1.DataBind()，再比如 Page.DataBind()，會綁定整個頁面。DataBind 常在頁面載入時就被綁定。下面這個例子就是這個情況。

複製代碼 代碼如下:

Protected Sub Page_Load(Src As Object, E As EventArgs)
　DataBind()
End Sub

開始使用簡單的資料繫結
看這個例子：

複製代碼 代碼如下:

<script language="VB" runat="server">
　Sub SubmitBtn_Click(sender As Object, e As EventArgs)
Page.DataBind
　End Sub
</script>
<B>幫韋小寶選擇一個老婆</B>
<form runat=server>
　<asp:DropDownList id="StateList" runat="server">
<asp:ListItem>阿珂</asp:ListItem>
<asp:ListItem>曾柔</asp:ListItem>
<asp:ListItem>建寧</asp:ListItem>
<asp:ListItem>沐公主</asp:ListItem>
<asp:ListItem>雙兒</asp:ListItem>
<asp:ListItem>教主夫人</asp:ListItem>
　</asp:DropDownList>
　<asp:button Text="Submit" OnClick="SubmitBtn_Click" runat=server/>
　<p>
　您幫韋小寶選擇的老婆是 ：
<asp:label text='<%# StateList.SelectedItem.Text %>' runat=server/>
</form>

我們看到，那個選擇老婆的地方沒有使用什麼控制項，但是他卻能正確的顯示我們的選擇結果，這個是就捆綁的結果，注意<%# StateList.SelectedItem.Text %>這句話，正是它讓我們取得了捆綁的資料。更多的地方，我們會經常看到這樣的例子，好像程式裡面什麼都沒有，但資料已經綁定在上面了。

綁定一個數組，然後把它們用列表的方法排列出來。

複製代碼 代碼如下:

<%@ Import namespace="System.Data" %>
<script language="VB" runat="server">
　Sub Page_Load(sender As Object, e As EventArgs)
If Not IsPostBack Then
　Dim values as ArrayList= new ArrayList()
　values.Add ("阿珂")
　values.Add ("曾柔")
　values.Add ("建寧")
　values.Add ("沐公主")
　values.Add ("雙兒")
　values.Add ("教主夫人")
　Dim dt As DataTable
　Dim dr As DataRow
　Dim i As Integer
　'create a DataTable
　dt = New DataTable
　dt.Columns.Add(New DataColumn("編號", GetType(Integer)))
　dt.Columns.Add(New DataColumn("類型", GetType(String)))
　dt.Columns.Add(New DataColumn("是否", GetType(String)))
　'Make some rows and put some sample data in
　For i = 1 To 5
dr = dt.NewRow()
dr(0) = i
dr(1) = values(i-1).ToString()
If (i > 3) Then
　dr(2) = "是"
Else
　dr(2) = "否"
End If
'add the row to the datatable
dt.Rows.Add(dr)
　Next
　DataGrid1.DataSource = new DataView(dt)
　DataGrid1.DataBind
End If
End Sub
</script>
<form runat=server>
<B>下面是韋小寶的老婆嗎？</B>
<asp:DataGrid id="dataGrid1" runat="server"
　BorderColor="black"
　BorderWidth="1"
　GridLines="Both"
　CellPadding="3"
　CellSpacing="0"
　HeaderStyle-BackColor="#aaaadd"
/>
</form>

在這個例子裡面，我們先建立了資料表 Dim dt As DataTable然後我們建立了行的概念Dim dr As DataRow，接著我們向行裡面添加了資料，最後我們把行加到資料表裡面，綁定DataView DataGrid1.DataSource = new DataView(dt) DataGrid1.DataBind這就是我們所做的工作，然後用DataGrid方法，我們產生了表。
注意：接收DataBind的控制項，一般有DropDownList,DataList,DataGrid,ListBox這些集合性質的控制項，而被捆綁的主要是ArrayList(數組),Hashtable(哈稀表),DataView(資料檢視),DataReader這四個。
注意2：我們從資料繫結中取出資料來時，程式一般都是把他們轉化為String，這樣在寫留言簿或者聊天室這樣的程式的時候，就可以不進行資料處理了，但是有的時候，還是要進行資料轉化，比如，我就是要Boolean，怎麼辦？有下列兩種方法，一種是系統提供的一個函數：
<%# String.Format("{0:c}", (Container.DataItem.(" 轉換類型") %> 可以達到轉換的作用
另外綁定中也內建了一個方法 <%# DataBinder.Eval(Container.DataItem, "轉換類型", "{0:c}") %>

DataBind的進階應用程式定義欄目
DataBind提供下列可以自己定義的欄目
Bound 用來控制資料命令和讀出
HyperLink 讓資料以超鏈的形式顯示
Button 建立動態資料按鈕
Template 樣本模板方式輸出資料
下面我們各舉例子：
Bound 控制顯示表格的表頭 （基本命令） 命令全部都加在<ASP:DataGrid> </ASP:DataGrid>之間（還是使用上面韋小寶的例子）

複製代碼 代碼如下:

<property name="Columns">
　<asp:BoundColumn HeaderText="老婆的編號" DataField="編號" />
　<asp:BoundColumn HeaderText="老婆的名字" DataField="名字"/>
　<asp:BoundColumn HeaderText="是否" DataField="是否"/>
</property>

你是否看到你的表單重複顯示了兩次？ 這是因為你在<ASP:DataGrid>標籤中沒有AutoGenerateColumns="false"命令，預設的AutoGenerateColumns是為True的，也就是說它會自己產生表頭，有的時候，這個是我們不需要的。
HyperLink 我們輸出資料的時候，想對每個女子的名字下面加上超鏈，串連到介紹這個女子的頁面，我們可以用HyperLink來做。

複製代碼 代碼如下:

<property name="Columns">
　<asp:BoundColumn HeaderText="編號" DataField="編號" />
　<asp:HyperLinkColumn
HeaderText="名字"
DataNavigateUrlField="名字"
DataNavigateUrlFormatString="detailspage.aspx?id={0}"
DataTextField="名字"
Target="_new"
/>
　<asp:BoundColumn HeaderText="是否" DataField="是否"/>
</property>

Button 這個是一個很有趣的例子
用<asp:ButtonColumn HeaderText="加入我中意的女子列表" Text="Add" CommandName="AddToCart" />
代替<asp:BoundColumn HeaderText="老婆的編號" DataField="編號" />
我們可以觸發 AddToCart事件，來控制其他事件的運行。
Template 建立一個樣板

複製代碼 代碼如下:

<property name="Columns">
　<asp:TemplateColumn HeaderText="詳細資料">
　<template name="ItemTemplate">
<asp:hyperlink id=HyperLink1
　 NavigateUrl = "detailspage.aspx?id={0}" runat="server">
　點這裡查看詳細資料
</asp:hyperlink>
　</template>
</asp:TemplateColumn>
<asp:BoundColumn HeaderText="老婆的名字" DataField="名字"/>
<asp:BoundColumn HeaderText="是否" DataField="是否"/>
</property>

如何在DataBind產生的表中排序
在ASP:DataGrid標籤中加入下面兩條AllowSorting="true"
然後插入如下的子程式

複製代碼 代碼如下:

Sub MyDataGrid_Sort(sender As Object, e As
DataGridSortCommandEventArgs)
SortField = e.SortField
DataGrid1.DataBind
End Sub

OK <asp:DataGrid>下面不需要<property>就可以出現排序的選項。