数据绑定 DataBind

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: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>

 

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

转载于:https://www.cnblogs.com/go-onxp/archive/2012/02/10/asp.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值