您现在的位置是:首页 >

DataGrid控件 在ASP.NET 3.5中使用新的ListView控件[2]

火烧 2021-09-15 14:32:35 1032
在ASP.NET 3.5中使用新的Li tView控件[2]   一个简单的数据绑定的例子  你已经看到Li View控件支持的多个模板了 下一步是要创建一个简单的we 站点 名字就叫做Li tVie

在ASP.NET 3.5中使用新的ListView控件[2]  

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

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

DataGrid控件 在ASP.NET 3.5中使用新的ListView控件[2]

  清单 ListView控件示例清单

<%@ Page Language= C# %>< xmlns= // w / /x ><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= form runat= server ><div><asp:ListView runat= server ID= productsView DataSourceID= productSource DataKeyNames= ProductID ><LayoutTemplate><table cellpadding= runat= server id= tblProducts style= width: px ><tr runat= server id= itemPlaceholder ></tr></table><asp:DataPager runat= server ID= DataPager PageSize= ><Fields><asp:NumericPagerField ButtonCount= PreviousPageText= < NextPageText= > /></Fields></asp:DataPager></LayoutTemplate><ItemTemplate><tr id= row style= height: px 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: px runat= server ><td>   </td></tr></ItemSeparatorTemplate><EmptyDataTemplate>There are no products!</EmptyDataTemplate></asp:ListView>    <asp:SqlDataSource id= productSource runat= server DataSourceMode= DataSet ConnectionString= <%$ ConnectionStrings:AdventureWorks%> SelectCommand= SELECT ProductID Name ProductNumber Color ListPrice FROM Production Product ></asp:SqlDataSource></div></form></body></>

  在清单 中 SqlDataSource通过设置ConnectionString 和SelectCommand 属性控制从AdventureWorks数据库的Product表中检索数据 ConnectionString属性通过一个ASP NET表达式从web config文件获取连接字符串 在我的测试机上 连接字符串定义在web config中 如

<connectionStrings><add name= AdventureWorks   connectionString= server=localhost;uid=sa;pwd=thiru;database=AdventureWorks; /></connectionStrings>

  设置好SqlDataSource属性后 下一步是通过ListView控件显示数据 下面是在LayoutTemplate模板中的标记

<LayoutTemplate><table cellpadding= runat= server id= tblProducts style= width: px ><tr runat= server id= itemPlaceholder ></tr></table><asp:DataPager runat= server ID= DataPager PageSize= ><Fields><asp:NumericPagerField ButtonCount= PreviousPageText= < NextPageText= > /></Fields></asp:DataPager></LayoutTemplate>

  LayoutTemplate模板定义了ListView控件输出内容的容器 除了在ListView控件顶层定义了table外 LayoutTemplate模板还定义了<asp:DataPager> 它为ListView控件提供了分页功能 DataPager让你可以为任何数据绑定控件实现IpageableItemContainer进行数据分页并显示导航控制

  有两种方法使数据分页(DataPager)和数据绑定(data bound)联合使用

   设置DataPager 的PagedControlID属性为data bound的名字    将DataPager置于data bound层次体系之下 对于ListView控件 你可以将DataPager置于LayoutTemplate组件内

  设置DataPager的PageSize属性 它控制每页显示的数据行数 你也可以在页面提交到服务器时通过设置QueryStringField属性实现

  在DataPager内 你指定NumericPageField模板 它可以让用户输入一个页号 然后按照页号进行跳转 如

<asp:NumericPagerField ButtonCount= PreviousPageText= < NextPageText= > />

  ItemTemplate组件为每个记录的明细提供了标记 图 显示了在浏览器中导航到该页面的输出

图 ListView示例 通过数据绑定ListView控件到SqlDataSource控件检索Product表中部分数据产生的输出

lishixinzhi/Article/program/net/201311/14843  
永远跟党走
  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!

    • 微信收款码
    • 支付宝收款码