中继器，数据网格或其他选项

本文关键字：其他 选项 网格 数据网 数据 中继器 | 更新日期: 2023-09-27 18:16:36

我需要一个控件，一次加载500-1000行，没有分页，轻量级，可排序，基于"状态"的每一行颜色代码，并且能够重复头每n行。

我想使用中继器，想知道这个控件是否支持所有选项。

中继器，数据网格或其他选项

这取决于数据。你想要一个网格一样的布局，或者你想要一个模板来布局。但两者都行得通。这里有一个在中继器中排序的链接

Repeater本身不支持排序，但是您可以通过对绑定数据的原始对象进行排序来为控件添加排序。如果您将这个对象存储在Session中，那么您的用户可以进行多次排序，而无需等待数据库(例如)的新结果。

至于每N行重复头，我不认为有办法做到这一点。复制头文件还有很多其他的选择(例如使用jQuery或JavaScript)，但是如果你问我的话，那就太糟糕了。您可能最好使用一些CSS或JavaScript来浮动标题行(一旦用户滚动过标题)并将其保持在屏幕顶部。

你可以使用GridView。下面是一个带有行状态、标题重复和排序的小示例。

。

default . aspx 

<%@ Page Language="C#" Inherits="GridViewDemo.Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head runat="server">
    <title>Default</title>
    <style>
        tr.Good { background-color: green; }
        tr.Bad { background-color: red; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:GridView id="GV" runat="server"
            OnRowDataBound="GV_RowDataBound"        
            AutoGenerateColumns="false"
            AllowSorting="true"
            OnSorting="GV_Sort"
        >
            <Columns>
                <asp:BoundField HeaderText="Id" DataField="Id"            SortExpression="Id"/>
                <asp:BoundField HeaderText="Name" DataField="Name" SortExpression="Name"/>
            </Columns>  
        </asp:GridView>
    </form>
</body>
</html>

Default.aspx.cs 

using System;
using System.Web;
using System.Web.UI;
using System.Collections.Generic;
using System.Web.UI.WebControls;
namespace GridViewDemo
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            GV.DataSource = GetDataSource();
            GV.DataBind();
        }
    protected void GV_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow )
        {
            SetCssClass(e.Row);
            if (e.Row.RowIndex % 10 == 0)
            {
                AddHeader (e);            
            }
        }
    }
    private void SetCssClass(GridViewRow row)
    {
        row.CssClass += ((Entity)row.DataItem).Status;
    }
    private void AddHeader (GridViewRowEventArgs e)
    {
        GridViewRow row = new GridViewRow(e.Row.RowIndex, 0, DataControlRowType.Header, DataControlRowState.Normal);
        TableCell cell = new TableCell();
        cell.Controls.Add(new Label { Text = "Id" }); 
        row.Cells.Add(cell);
        cell = new TableCell();
        cell.Controls.Add(new Label { Text = "Name" }); 
        row.Cells.Add(cell);
        Table tbl = (e.Row.Parent as Table);
              tbl.Controls.AddAt(e.Row.RowIndex + 1, row);
    }
    protected void GV_Sort(object sender, GridViewSortEventArgs e)
    {
        List<Entity> sortedList = GetDataSource();
        if (e.SortExpression == "Id")
        {
            if (e.SortDirection == SortDirection.Ascending)
                sortedList.Sort((x, y) => x.Id.CompareTo(y.Id));
            else
                sortedList.Sort((x, y) => y.Id.CompareTo(x.Id));
        }
        else if (e.SortExpression == "Name")
        {
            if (e.SortDirection == SortDirection.Ascending)
                sortedList.Sort((x, y) => x.Name.CompareTo(y.Name));
            else
                sortedList.Sort((x, y) => y.Name.CompareTo(x.Name));
        }
        GV.DataSource = sortedList;
        GV.DataBind();
    }
    protected List<Entity> GetDataSource ()
    {
        List<Entity> result = new List<Entity>();
        for (int i = 0; i < 500; i++)
        {
            result.Add(new Entity() { Id=i, Name="foo" });
        }
        return result;
    }
}
}

Entity.cs 

using System;
namespace GridViewDemo
{
    public class Entity
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Status 
        { 
            get
            {
                if (Id % 42 == 0) { return "Good"; };
                if (Id % 111 == 0) { return "Bad"; };
                return "Normal";    
            } 
        }
    }
}

(一些小错误，但你知道的…)

相关文章：