限制Datalist的每列中的行数

时间:2012-04-17 12:28:23

标签: asp.net

是否有办法在asp.net数据列表中包含五列,并且每列只显示5行。所以它会导致这种格式

1  6
2  7
3  8
4  9
5  10

我已经将重复方向设置为'vertical'并将重复列设置为5,但是每列显示5列5列。

2 个答案:

答案 0 :(得分:1)

要获得5行和5列,那么您的DataSource需要包含25个项目:

HTML:

<!DOCTYPE html>

<html>
<head runat="server">
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <form id="form1" runat="server">
        <asp:DataList ID="myDataList" runat="server" 
            RepeatColumns="5" 
            CellPadding="10" 
            ForeColor="#333333" 
            RepeatLayout="Table" 
            ShowFooter="False" 
            ShowHeader="False">
            <AlternatingItemStyle BackColor="White" />
            <ItemStyle BackColor="#EFF3FB" />
            <SelectedItemStyle BackColor="#D1DDF1" 
                Font-Bold="True" ForeColor="#333333" />
            <ItemTemplate>
                <asp:Label ID="myLabel" runat="server" 
                    Text="<%# Container.DataItem.ToString() %>" />
            </ItemTemplate>
        </asp:DataList>
    </form>
</body>
</html>

C#CodeBehind:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class test7 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        List<int> myList = new List<int>();

        for(int i=1; i<26; i++) {
            myList.Add(i);
        }

        myDataList.DataSource = myList;
        myDataList.DataBind();
    }
}

输出:

enter image description here

答案 1 :(得分:0)

通过数据库查询可以通过多种方式实现此目的

select Top 5 Id,Name from table;