Asp.net Repeater控件实现一行显示多条数据
2008-02-14 18:43
736 查看
Asp.net Repeater控件实现一行显示多条数据 asp.net中Repeater控件可以很方便显示数据库的数据,使用传统的Table来布局,只能实现一行显示数据库中一条数据,如果需一行显示数据库中多条数据,我们可以使用Div的浮动布局(float:left|right)很方便的实现这一效果 。
代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Repeater控件实现一行显示多条数据</title>
<style type="text/css">
#content
#list
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" C SelectCommand="SELECT * FROM [User]"></asp:SqlDataSource>
<asp:Repeater runat="server" ID="tt" DataSourceID="SqlDataSource1">
<HeaderTemplate>
<div id="content">
</HeaderTemplate>
<ItemTemplate>
<div id="list">
<ul>
<li>Id:<%#Eval("Id") %></li>
<li>Name:<%#Eval("Name") %></li>
<li>Sex:<%#Eval("Sex") %></li>
<li>Tel:<%#Eval("Tel") %></li>
</ul>
</div>
</ItemTemplate>
<FooterTemplate>
</div>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Repeater控件实现一行显示多条数据</title>
<style type="text/css">
#content
#list
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" C SelectCommand="SELECT * FROM [User]"></asp:SqlDataSource>
<asp:Repeater runat="server" ID="tt" DataSourceID="SqlDataSource1">
<HeaderTemplate>
<div id="content">
</HeaderTemplate>
<ItemTemplate>
<div id="list">
<ul>
<li>Id:<%#Eval("Id") %></li>
<li>Name:<%#Eval("Name") %></li>
<li>Sex:<%#Eval("Sex") %></li>
<li>Tel:<%#Eval("Tel") %></li>
</ul>
</div>
</ItemTemplate>
<FooterTemplate>
</div>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
相关文章推荐
- Repeater控件实现一行显示多条数据 Asp.net
- (ASP.NET)怎么利用Repeater控件在一行显示多个数据
- ASP.NET 使用DataList控件实现分页显示数据
- asp.net Repeater控件用法----一列数据在Repeater中每行显示固定记录方法
- Control Study -> Asp.net几个较复杂的显示数据控件(Repeater/DataList/DataGrid)用法 (示例代码下载)
- ASP.NET使用ListView数据绑定控件和DataPager实现数据分页显示(二)
- Asp.net用Repeater控件显示数据
- ASP.NET 2.0 repeater控件实现多列完美显示
- Control Study -> Asp.net几个较复杂的显示数据控件(Repeater/DataList/DataGrid)用法 (示例代码下载)
- ASP.NET使用ListView数据绑定控件和DataPager实现数据分页显示(一)
- Control Study -> Asp.net几个较复杂的显示数据控件(Repeater/DataList/DataGrid)用法 (示例代码下载)
- ASP.NET用Repeater控件显示数据
- 在ASP.NET 2.0中操作数据之三十一:使用DataList来一行显示多条记录
- 在ASP.NET 2.0中操作数据之二十九:用DataList和Repeater来显示数据
- asp.net Repeater显示父子表数据,无闪烁
- asp.net listview一行显示多条数据
- Ajax 实现在WebForm中拖动控件并即时在服务端保存状态数据 (Asp.net 2.0)(示例代码下载)
- [ASP.NET教程] C#中如何实现数据拖动?(拖动图片,到TextBox,并显示)
- ASP.NET-----Repeater数据控件的用法总结
- ASP.NET 2.0 的数据绑定控件概述与区别(GridView、DetailsView、FormView 、Repeater、DataList)