zoukankan      html  css  js  c++  java
  • Repeater一行显示数据库中多行表记录

    有时候我们希望让数据库中的多行记录用一行来显示,比如每5个记录行合并为一行显示。这里用Repeater绑定数据显示为例(又是Repeater,怎么样,他的威力不同一般吧。真的是爱死他了。)

    我这里有两种方法,经过测试,都成功了。

    第一种方法:

    没得说,首先推荐最简单的一种方法。代码如下:

    <div style="1000px;">
    <asp:Repeater ID="filenamelist_repeater" runat="server">
    <headertemplate>
    </headertemplate>
    <ItemTemplate>
    <div style="float:left;200px; height:150px">
    <%# Eval("CLASSNAME") %>
    </div>
    </ItemTemplate>
    <FooterTemplate>
    </FooterTemplate>
    </asp:Repeater>
    </div>

    一行显示多少个由外<div>的1000px,和内<div>的200px来确定。此例中是一行显示5条记录(每个记录占200px)。 另外style="float:left"这个要设

    置。这样一行显示完5条记录后就会自动换行了。(怎么样,简单的很吧。就是简单了用了一点点CSS+div而已)

    第二种方法:

    另一种方法就比较传统了。把记录行都放入<table>里。每输入5行记录后(假设一行显示数据表记录5行记录),在Repeater里动态添加<tr><tr>使其换行。用这种方法去实现似乎也很理所当然,但是知道怎么去实现吗?代码如下:

    <asp:Repeater runat="server" id="repeater1" OnItemDataBound="Repeater1_ItemDataBound">
    <HeaderTemplate>
    <table width="100%" border=0 align="center"><tr>
    </HeaderTemplate>
    <ItemTemplate>
    <td><%#Eval("绑定字段")%></td>
    </ItemTemplate>
    <FooterTemplate>
    </tr></table>
    </FooterTemplate>
    </asp:Repeater>

    后台代码:

    //在Repeater中的ItemDataBound事件里动态添加<tr>使其换行。

    protected int i=0;
    protected void Repeater1_ItemDataBound(object src,RepeaterItemEventArgs e)
    {
    if(i%5==0)

    {
    e.Item.Controls.Add(new LiteralControl("</tr><tr>")); //动态添加<tr> 使其换行。看清楚了,这里是</tr><tr> 我并没有糊涂
    }
    i++;

    }

    两种方法一比较,很显然第一种方法非常的简单。只要前台处理下就行了。但第二种方法也不复杂,而且也符合逻辑。

    下面我简单分析下两种方法的优势

    第一种最简便,而且可能还可以解决多个表显示的问题。比如结合我之前所说的Repeater嵌套使用。让多个表里面的多个行合并显示(上述所说的都是“一表多行合并显示”, 如何“多表多行合并显示”可以参考《Repeater控件里的大智慧Repeater的嵌套使用》)。

    第二种不用考虑太多样式的设计,而且不像第一种方法在<div>里直接设置的width为px。第一种方法可能会在不同的显示器,显示的数据会在屏幕不同的地方。但我们还是可以通过CSS样式来解决显示问题。 第二种方法很适合“一表多行合并显示”,当然也可以“多表多行合并显示”。只要外面的Repeater和嵌套在里面的Repeater控件都激发ItemDataBound事件即可。

  • 相关阅读:
    rosbag 那些事
    rosbag record and play
    xsens melodic ros driver
    ros the public key is not available
    pyhton2与pyhton3切换
    期待已久的2013年度最佳 jQuery 插件揭晓
    MVC学习资料
    依赖注入框架Autofac的简单使用
    bootstrap
    https://nodejstools.codeplex.com
  • 原文地址:https://www.cnblogs.com/cuihongyu3503319/p/2137660.html
Copyright © 2011-2022 走看看