在ASP.NET 3.5中使用新的ListView控件(2)

本文介绍ASP.NET中ListView控件的基本用法及数据绑定示例。通过创建一个简单的Web站点,展示如何使用ListView控件从数据库获取并显示数据,包括设置模板、分页等高级特性。

阅读提示:ASP.NET中新的ListView控件为显示和CURD数据库操作提供了基于模板的布局,本文主要集中于使用新的ListView控件时数据访问步骤,同时还包括高级特性如编辑数据和处理事件。

  一个简单的数据绑定的例子

  你已经看到LisView控件支持的多个模板了,下一步是要创建一个简单的web站点,名字就叫做ListViewExample(你可以从 http://assets.devx.com/sourcecode/38579_tt_mainsource.zip下载该站点的示例代码),创建好 web站点后,选择Web站点?添加新项目,添加一个新的ASP.NET页面,名字命名为SimpleListView.aspx(见清单1),这个页面将使用ListView控件从AdventureWorks示例数据库中的Product表显示产品数据。

  清单1.ListView控件示例清单

  <%@ Page Language="C#" %>

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head runat="server">

  <link rel="Stylesheet" type="text/css" href="StyleSheet.css" />

  <title>Simple Data Binding Example using ListView control</title>

  </head>

  <body>

  <form id="form1" runat="server">

  <div>

  <asp:ListView runat="server" ID="productsView"

DataSourceID="productSource" DataKeyNames="ProductID">  DataSourceID="productSource" DataKeyNames="ProductID">

  <LayoutTemplate>

  >  style="width:460px">

  <tr runat="server" id="itemPlaceholder">

  </tr>

  </table>

  <asp:DataPager runat="server" ID="DataPager" PageSize="3">

  <Fields>

  <asp:NumericPagerField ButtonCount="10"

PreviousPageText="<  PreviousPageText="<--" NextPageText="-->" />

  </Fields>

  </asp:DataPager>

  </LayoutTemplate>

  <ItemTemplate>

  <tr id="row" style="height:72px" runat="server">

  <td valign="top" class="ProductInfo">

  Product ID : <asp:Label ID="lblProductID" runat="server"

  Text='<%#Eval("ProductID") %>' />

  <br />

  Name : <asp:Label ID="lblName" runat="server"

  Text='<%#Eval("Name") %>' />

  <br />

  Product Number : <asp:Label ID="lblProductNumber"

  runat="server" Text='<%#Eval("ProductNumber") %>' />

  </td>

  </tr>

  </ItemTemplate>

  <ItemSeparatorTemplate>

  <tr id="separator" style="height:10px" runat="server">

  <td>--------------------------------------------------------

  ------------------</td>

  </tr>

  </ItemSeparatorTemplate>

  <EmptyDataTemplate>

  There are no products!

  </EmptyDataTemplate>

  </asp:ListView>

  <asp:SqlDataSource id="productSource" runat="server"

DataSourceMode="DataSet"

ConnectionString="<  DataSourceMode="DataSet"

  ConnectionString="<%$ ConnectionStrings:AdventureWorks%>"

  SelectCommand="SELECT ProductID,Name,ProductNumber,

  Color,ListPrice FROM Production.Product">

  </asp:SqlDataSource>

  </div>

  </form>

  </body>

  </html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值