asp.net数据绑定DataBind使用方法

前端技术 2023/09/06 .NET

简单介绍 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>就可以出现排序的选项。

本文地址：https://www.stayed.cn/item/16858

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案