Повторитель, DataGrid или другие опции - PullRequest
Новая
       13

Повторитель, DataGrid или другие опции

0 голосов
/ 03 декабря 2011

Мне нужен элемент управления, который будет загружать 500-1000 строк одновременно, без подкачки, легкий, сортируемый, код цвета каждой строки на основе «статуса» и может повторять заголовок каждые N-ые строки.

Я думал об использовании повторителя, и мне было интересно, будет ли этот элемент управления поддерживать все параметры.

Ответы [ 3 ]

0 голосов
/ 03 декабря 2011

A Repeater сама по себе не поддерживает сортировку, но вы можете добавить сортировку к элементу управления, отсортировав исходный объект, с которым вы связываете данные.Если вы храните этот объект в Session, то ваши пользователи могут сортировать несколько раз, не ожидая новых результатов из базы данных (например).

Что касается повторения заголовка каждые N строк, я неЯ думаю, что есть способ сделать это.Существует множество других вариантов копирования заголовка (например, с использованием jQuery или JavaScript), но, если вы спросите меня, это воняет.Возможно, вам лучше использовать CSS или JavaScript для перемещения строки заголовка (после того, как пользователь прокрутит заголовок) и удерживать ее в верхней части экрана.

0 голосов
/ 03 декабря 2011

Вы можете использовать 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";    
            } 
        }
    }
}

(несколько небольших ошибок, но вы поняли ...)

0 голосов
/ 03 декабря 2011

Это действительно зависит от данных. Вы хотите, чтобы сетка была похожа на макет, или вы хотите, чтобы шаблон выложил ее? Но либо или будет работать. Вот ссылка для сортировки в повторителе

...