Asp.net Repeater控件实现一行显示多条数据

最新推荐文章于 2020-05-11 10:11:51 发布

dibiji9137

最新推荐文章于 2020-05-11 10:11:51 发布

阅读量512

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml 数据库 c#

原文链接：http://www.cnblogs.com/DavidLc/archive/2008/02/14/1068998.html

本文介绍如何使用ASP.NET中的Repeater控件结合Div的浮动布局，实现在一行内展示多条数据库记录，提供了一种不同于传统Table布局的方法，以增强网页布局的灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

{

border:1px solid #CCCCCC;

width:600px;

text-align:left;

}

#list

{

width:200px;

float:left;

}

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

转载于:https://www.cnblogs.com/DavidLc/archive/2008/02/14/1068998.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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