天天看點

[轉貼]ASP.NET講座(4)-資料綁定DataBind

  這一講是ASP.net系列講座中最重要的一講,包括伺服器控件,資料庫操作等所有涉及操作資料的控件都會用到 DataBind,也就是說DataBind這一講,已經開始講ASP.net核心的問題了。其實DataBind的概念已經提出很長時間了,在ASP中也有應用,隻是大家不是很注意而已。但在ASP.net中,已經把它提升到了一個核心的高度。

  4.1 簡單介紹 DataBind

  DataBind包括三大方法,Repeater,DataList和DataGrid,這些控件都位于 System.Web.UI.WebControls 命名空間中,從 WebControl 基類中直接或間接派生出來的。這些方法都是通過HTML來顯示資料的内容。

  4.2 建立DataBind

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

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

 DataBind()

End Sub

  4.3開始使用簡單的資料綁定

  看這個例子:

<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 %>這句話,正是它讓我們取得了捆綁的資料。更多的地方,我們會經常看到這樣的例子,好像程式裡面什麼都沒有,但資料已經綁定在上面了。

  4.4 綁定一個數組,然後把它們用清單的方法排列出來。

<%@ 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}") %>

  4.5 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.NET講座(4)-資料綁定DataBind

  你是否看到你的表單重複顯示了兩次? 這是因為你在<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>

[轉貼]ASP.NET講座(4)-資料綁定DataBind

  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>

[轉貼]ASP.NET講座(4)-資料綁定DataBind

  

4.6 如何在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>就可以出現排序的選項。

繼續閱讀