• 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>
  • 相关阅读:
    JavaScript节点介绍
    JavaScript DOM操作案例tab切换案例
    Binder系列10—总结
    Binder系列9—如何使用AIDL
    Binder系列8—如何使用Binder
    Binder系列7—framework层分析
    Binder系列2—Binder Driver再探
    Binder系列1—Binder Driver初探
    Binder系列3—启动ServiceManager
    Binder系列4—获取ServiceManager
  • 原文地址:https://www.cnblogs.com/handboy/p/7153311.html
Copyright © 2020-2023  润新知