簡單介紹 DataBind
DataBind包括三大方法,Repeater,DataList和DataGrid,這些控件都位于 System.Web.UI.WebControls 命名空間中,從 WebControl 基類中直接或間接派生出來的。這些方法都是通過HTML來顯示數(shù)據(jù)的內(nèi)容。
建立DataBind
所有的DataBind都應(yīng)該用DataBind() 函數(shù)來建立(注意如果你用的是C#,請注意大小寫)數(shù)據(jù)綁定,是整個頁面PAGE和所有控件的一個方法,也就是說,他可以被所有的控件使用,你建立數(shù)據(jù)綁定的時候,DataBind可以作為控件的一個子項,比如DataList1.DataBind(),再比如 Page.DataBind(),會綁定整個頁面。DataBind 常在頁面載入時就被綁定。下面這個例子就是這個情況。
復(fù)制代碼 代碼如下:
Protected Sub Page_Load(Src As Object, E As EventArgs)
DataBind()
End Sub
開始使用簡單的數(shù)據(jù)綁定
看這個例子:
復(fù)制代碼 代碼如下:
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>
我們看到,那個選擇老婆的地方?jīng)]有使用什么控件,但是他卻能正確的顯示我們的選擇結(jié)果,這個是就捆綁的結(jié)果,注意%# StateList.SelectedItem.Text %>這句話,正是它讓我們?nèi)〉昧死壍臄?shù)據(jù)。更多的地方,我們會經(jīng)常看到這樣的例子,好像程序里面什么都沒有,但數(shù)據(jù)已經(jīng)綁定在上面了。
綁定一個數(shù)組,然后把它們用列表的方法排列出來。
復(fù)制代碼 代碼如下:
%@ 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>
在這個例子里面,我們先建立了數(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這四個。
注意2:我們從數(shù)據(jù)綁定中取出數(shù)據(jù)來時,程序一般都是把他們轉(zhuǎn)化為String,這樣在寫留言簿或者聊天室這樣的程序的時候,就可以不進(jìn)行數(shù)據(jù)處理了,但是有的時候,還是要進(jìn)行數(shù)據(jù)轉(zhuǎn)化,比如,我就是要Boolean,怎么辦?有下列兩種方法,一種是系統(tǒng)提供的一個函數(shù):
%# String.Format("{0:c}", (Container.DataItem.(" 轉(zhuǎn)換類型") %> 可以達(dá)到轉(zhuǎn)換的作用
另外綁定中也自帶了一個方法 %# DataBinder.Eval(Container.DataItem, "轉(zhuǎn)換類型", "{0:c}") %>
DataBind的高級應(yīng)用定義欄目
DataBind提供下列可以自己定義的欄目
Bound 用來控制數(shù)據(jù)命令和讀出
HyperLink 讓數(shù)據(jù)以超鏈的形式顯示
Button 建立動態(tài)的數(shù)據(jù)按鈕
Template 樣本模板方式輸出數(shù)據(jù)
下面我們各舉例子:
Bound 控制顯示表格的表頭 (基本命令) 命令全部都加在ASP:DataGrid> /ASP:DataGrid>之間(還是使用上面韋小寶的例子)
復(fù)制代碼 代碼如下:
property name="Columns">
asp:BoundColumn HeaderText="老婆的編號" DataField="編號" />
asp:BoundColumn HeaderText="老婆的名字" DataField="名字"/>
asp:BoundColumn HeaderText="是否" DataField="是否"/>
/property>
你是否看到你的表單重復(fù)顯示了兩次? 這是因為你在ASP:DataGrid>標(biāo)簽中沒有AutoGenerateColumns="false"命令,默認(rèn)的AutoGenerateColumns是為True的,也就是說它會自己產(chǎn)生表頭,有的時候,這個是我們不需要的。
HyperLink 我們輸出數(shù)據(jù)的時候,想對每個女子的名字下面加上超鏈,連接到介紹這個女子的頁面,我們可以用HyperLink來做。
復(fù)制代碼 代碼如下:
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="編號" />
我們可以觸發(fā) AddToCart事件,來控制其他事件的運行。
Template 建立一個樣板
復(fù)制代碼 代碼如下:
property name="Columns">
asp:TemplateColumn HeaderText="詳細(xì)資料">
template name="ItemTemplate">
asp:hyperlink id=HyperLink1
NavigateUrl = "detailspage.aspx?id={0}" runat="server">
點這里查看詳細(xì)資料
/asp:hyperlink>
/template>
/asp:TemplateColumn>
asp:BoundColumn HeaderText="老婆的名字" DataField="名字"/>
asp:BoundColumn HeaderText="是否" DataField="是否"/>
/property>
如何在DataBind生成的表中排序
在ASP:DataGrid標(biāo)簽中加入下面兩條AllowSorting="true"
然后插入如下的子程序
復(fù)制代碼 代碼如下:
Sub MyDataGrid_Sort(sender As Object, e As
DataGridSortCommandEventArgs)
SortField = e.SortField
DataGrid1.DataBind
End Sub
OK asp:DataGrid>下面不需要property>就可以出現(xiàn)排序的選項。
您可能感興趣的文章:- ASP.NET MVC DropDownList數(shù)據(jù)綁定及使用詳解
- AspNetAjaxPager,Asp.Net通用無刷新Ajax分頁控件,支持多樣式多數(shù)據(jù)綁定
- asp.net ListView 數(shù)據(jù)綁定
- asp.net Repeater 數(shù)據(jù)綁定的具體實現(xiàn)(圖文詳解)
- asp.net Repeater 數(shù)據(jù)綁定代碼
- ASP.NET Eval進(jìn)行數(shù)據(jù)綁定的方法
- asp.net 下拉列表無級數(shù)據(jù)綁定實現(xiàn)代碼
- ASP.NET框架中的數(shù)據(jù)綁定概要與數(shù)據(jù)綁定表達(dá)式的使用