zoukankan      html  css  js  c++  java
  • Repeater控件实现一行显示多条数据 Asp.net

    原文发布时间为:2009-05-11 —— 来源于本人的百度文章 [由搬家工具导入]

           asp.net中Repeater控件可以很方便显示数据库的数据,使用传统的Table来布局,只能实现一行显示数据库中一条数据,如果需一行显示数据库中多条数据,我们可以使用Div的浮动布局(float:left|right)很方便的实现这一效果 。

    代码简要说明:以下代码一行将显示 3 条数据,why?? 因为跟那个CSS有关系。。。600 200             600÷200=3 条

    代码如下:
           <%@ 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;
                 600px;
                 text-align:left;
             }
             #list
            {
                 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>
  • 相关阅读:
    如何阅读一个Web项目 【转载】
    线程的状态与基本操作
    java多线程通信方式之一:wait/notify
    synchronized的简单理解
    每月IT摘录201807
    springmvc 请求无法到达controller,出现404
    android开发 java与c# 兼容AES加密
    android 开发不能创建目录
    mysql存储过程出现OUT or INOUT argument 10 for routine
    android退出登陆后,清空之前所有的activity,进入登陆主界面
  • 原文地址:https://www.cnblogs.com/handboy/p/7153311.html
Copyright © 2011-2022 走看看