明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

ASP.NET講座(4)-數(shù)據(jù)綁定DataBind

[摘要]這一講是ASP.net系列講座中最重要的一講,包括服務(wù)器控件,數(shù)據(jù)庫(kù)操作等所有涉及操作數(shù)據(jù)的控件都會(huì)用到 DataBind,也就是說(shuō)DataBind這一講,已經(jīng)開(kāi)始講ASP.net核心的問(wèn)題了。其實(shí)DataBind的概念已經(jīng)提出很長(zhǎng)時(shí)間了,在ASP中也有應(yīng)用,只是大家不是很注意而已。但在ASP.n...

  這一講是ASP.net系列講座中最重要的一講,包括服務(wù)器控件,數(shù)據(jù)庫(kù)操作等所有涉及操作數(shù)據(jù)的控件都會(huì)用到 DataBind,也就是說(shuō)DataBind這一講,已經(jīng)開(kāi)始講ASP.net核心的問(wèn)題了。其實(shí)DataBind的概念已經(jīng)提出很長(zhǎng)時(shí)間了,在ASP中也有應(yīng)用,只是大家不是很注意而已。但在ASP.net中,已經(jīng)把它提升到了一個(gè)核心的高度。

  4.1 簡(jiǎn)單介紹 DataBind

  DataBind包括三大方法,Repeater,DataList和DataGrid,這些控件都位于 System.Web.UI.WebControls 命名空間中,從 WebControl 基類中直接或間接派生出來(lái)的。這些方法都是通過(guò)HTML來(lái)顯示數(shù)據(jù)的內(nèi)容。

  4.2 建立DataBind

  所有的DataBind都應(yīng)該用DataBind() 函數(shù)來(lái)建立(注意如果你用的是C#,請(qǐng)注意大小寫)數(shù)據(jù)綁定,是整個(gè)頁(yè)面PAGE和所有控件的一個(gè)方法,也就是說(shuō),他可以被所有的控件使用,你建立數(shù)據(jù)綁定的時(shí)候,DataBind可以作為控件的一個(gè)子項(xiàng),比如DataList1.DataBind(),再比如 Page.DataBind(),會(huì)綁定整個(gè)頁(yè)面。DataBind 常在頁(yè)面載入時(shí)就被綁定。下面這個(gè)例子就是這個(gè)情況。

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

  4.3開(kāi)始使用簡(jiǎn)單的數(shù)據(jù)綁定

  看這個(gè)例子:

<script language="VB" runat="server">
 Sub SubmitBtn_Click(sender As Object, e As EventArgs)
  Page.DataBind
 End Sub
</script>

<B>幫韋小寶選擇一個(gè)老婆</B>
<form runat=server>
。糰sp:DropDownList id="StateList" runat="server">
 。糰sp:ListItem>阿珂</asp:ListItem>
 。糰sp:ListItem>曾柔</asp:ListItem>
 。糰sp:ListItem>建寧</asp:ListItem>
 。糰sp:ListItem>沐公主</asp:ListItem>
 。糰sp:ListItem>雙兒</asp:ListItem>
 。糰sp:ListItem>教主夫人</asp:ListItem>
。/asp:DropDownList>
。糰sp:button Text="Submit" OnClick="SubmitBtn_Click" runat=server/>
。紁>
 您幫韋小寶選擇的老婆是 :
<asp:label text='<%# StateList.SelectedItem.Text %>' runat=server/>
</form>

  我們看到,那個(gè)選擇老婆的地方?jīng)]有使用什么控件,但是他卻能正確的顯示我們的選擇結(jié)果,這個(gè)是就捆綁的結(jié)果,注意<%# StateList.SelectedItem.Text %>這句話,正是它讓我們?nèi)〉昧死壍臄?shù)據(jù)。更多的地方,我們會(huì)經(jīng)?吹竭@樣的例子,好像程序里面什么都沒(méi)有,但數(shù)據(jù)已經(jīng)綁定在上面了。
  4.4 綁定一個(gè)數(shù)組,然后把它們用列表的方法排列出來(lái)。

<%@ 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("編號(hào)", 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>

  在這個(gè)例子里面,我們先建立了數(shù)據(jù)表 Dim dt As DataTable然后我們建立了行的概念Dim dr As DataRow,接著我們向行里面添加了數(shù)據(jù),最后我們把行加到數(shù)據(jù)表里面,綁定DataView DataGrid1.DataSource = new DataView(dt) DataGrid1.DataBind這就是我們所做的工作,然后用DataGrid方法,我們生成了表。

  注意:接收DataBind的控件,一般有DropDownList,DataList,DataGrid,ListBox這些集合性質(zhì)的控件,而被捆綁的主要是ArrayList(數(shù)組),Hashtable(哈稀表),DataView(數(shù)據(jù)視圖),DataReader這四個(gè)。

  注意2:我們從數(shù)據(jù)綁定中取出數(shù)據(jù)來(lái)時(shí),程序一般都是把他們轉(zhuǎn)化為String,這樣在寫留言簿或者聊天室這樣的程序的時(shí)候,就可以不進(jìn)行數(shù)據(jù)處理了,但是有的時(shí)候,還是要進(jìn)行數(shù)據(jù)轉(zhuǎn)化,比如,我就是要Boolean,怎么辦?有下列兩種方法,一種是系統(tǒng)提供的一個(gè)函數(shù):

 。%# String.Format("{0:c}", (Container.DataItem.(" 轉(zhuǎn)換類型") %> 可以達(dá)到轉(zhuǎn)換的作用

  另外綁定中也自帶了一個(gè)方法 <%# DataBinder.Eval(Container.DataItem, "轉(zhuǎn)換類型", "{0:c}") %>

  4.5 DataBind的高級(jí)應(yīng)用定義欄目

  DataBind提供下列可以自己定義的欄目

  Bound 用來(lái)控制數(shù)據(jù)命令和讀出

  HyperLink 讓數(shù)據(jù)以超鏈的形式顯示

  Button 建立動(dòng)態(tài)的數(shù)據(jù)按鈕

  Template 樣本模板方式輸出數(shù)據(jù)

  下面我們各舉例子:

  Bound 控制顯示表格的表頭 (基本命令) 命令全部都加在<ASP:DataGrid> </ASP:DataGrid>之間(還是使用上面韋小寶的例子)

<property name="Columns">
。糰sp:BoundColumn HeaderText="老婆的編號(hào)" DataField="編號(hào)" />
。糰sp:BoundColumn HeaderText="老婆的名字" DataField="名字"/>
 <asp:BoundColumn HeaderText="是否" DataField="是否"/>
</property>


 

 

 

 

  你是否看到你的表單重復(fù)顯示了兩次? 這是因?yàn)槟阍冢糀SP:DataGrid>標(biāo)簽中沒(méi)有AutoGenerateColumns="false"命令,默認(rèn)的AutoGenerateColumns是為True的,也就是說(shuō)它會(huì)自己產(chǎn)生表頭,有的時(shí)候,這個(gè)是我們不需要的。

  HyperLink 我們輸出數(shù)據(jù)的時(shí)候,想對(duì)每個(gè)女子的名字下面加上超鏈,連接到介紹這個(gè)女子的頁(yè)面,我們可以用HyperLink來(lái)做。

<property name="Columns">
。糰sp:BoundColumn HeaderText="編號(hào)" DataField="編號(hào)" />
。糰sp:HyperLinkColumn
    HeaderText="名字"
    DataNavigateUrlField="名字"
    DataNavigateUrlFormatString="detailspage.aspx?id={0}"
    DataTextField="名字"
    Target="_new"
  />
。糰sp:BoundColumn HeaderText="是否" DataField="是否"/>
</property>


  Button 這個(gè)是一個(gè)很有趣的例子

  用<asp:ButtonColumn HeaderText="加入我中意的女子列表" Text="Add" CommandName="AddToCart" />

  代替<asp:BoundColumn HeaderText="老婆的編號(hào)" DataField="編號(hào)" />

  我們可以觸發(fā) AddToCart事件,來(lái)控制其他事件的運(yùn)行。

  Template 建立一個(gè)樣板

<property name="Columns">
。糰sp:TemplateColumn HeaderText="詳細(xì)資料">
 <template name="ItemTemplate">
 。糰sp:hyperlink id=HyperLink1
    NavigateUrl = "detailspage.aspx?id={0}" runat="server">
   點(diǎn)這里查看詳細(xì)資料
 。/asp:hyperlink>
 </template>
</asp:TemplateColumn>
<asp:BoundColumn HeaderText="老婆的名字" DataField="名字"/>
<asp:BoundColumn HeaderText="是否" DataField="是否"/>
</property>


  4.6 如何在DataBind生成的表中排序

  在ASP:DataGrid標(biāo)簽中加入下面兩條AllowSorting="true"

  然后插入如下的子程序

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

  OK <asp:DataGrid>下面不需要<property>就可以出現(xiàn)排序的選項(xiàng)。