具有自动分页，可排序，可搜索的ASP.NET网格... GridView？ 列表显示？

Question

我需要建立一个<table>来显示Products。 我对GridView或ListView不太熟悉，不确定它们是否可以在下面执行这些操作。

要求：

• 自动分页。 一次仅获取100条记录（首次加载时未提取全部1000000条记录）
• 可排序的。 我需要能够指定默认的排序顺序，但用户也可以单击标题
• 可搜索的。 用户需要能够过滤他们想要查看的数据。
• 我（程序员）需要能够轻松地关闭/打开列（理想情况下，我只需要注释掉一行即可隐藏列）
• 数据将来自SQL Server，多个表

有谁知道可以执行上述所有操作的任何ASP.NET控件？ 提前致谢！

Answer 1

如果将DataPager放在其中，则GridView和ListView都可以进行分页。 ListView是一个模板控件-显示是完全自定义的，因此您必须滚动自己的“列”； GridView没有太多用处，所以我对此一无所知。

至于搜索和排序，有一些内置的支持，如果您需要数据源，ASP.NET不能直接查询，它就变得无用了ObjectDataSource允许您创建自己的数据访问代码，但您还必须实现所有功能那是无法自动完成的。

对于搜索，可以处理ODS的Selecting事件，可以将任意参数传递给查询方法； 我相信还有一些方法可以自动获取控制值/查询字符串参数等。

为了进行排序， ListView允许您添加Button ，其中CommandName="Sort"和CommandArgument="[column to sort by]" 。 当使用非定制数据源时，我相信它们会正常工作。 使用ObjectDataSource ，它们所做的就是使ListView跟踪可在ODS.Selecting事件中传递给数据源的“排序表达式”。 指定了排序表达式的格式…在需要时找不到的地方。 当使用单列排序时，对于升序排序将为"[column name]" ，对于降序排序将为"[column name] DESC" 。 您可以将其直接传递给ObjectQuery.OrderBy ; EntityFramework.Extended还为新的API表面提供了该扩展方法。 ListView （我相信）仅处理单列排序，对于多列排序，您仍然必须自己管理排序表达式。

所有这些的文档都很分散，一个很好的起点是本教程 ，其后续内容以及ListView的链接，您可以在左侧的边栏中找到这些链接。

我的项目还结合使用ListView和ObjectDataSource了相当简单的使用-这意味着，它的任何部分都不依赖于神奇的RAD功能，如下所示。 我从实际项目中提取了它，因此它可能存在一些细微的不一致之处。

ListView + ObjectDataSource示例

下面的示例从WCF服务（不包括）中检索“消息”（例如公司门户上的新闻公告）。

MessagesDataSource.cs

调用WCF服务的ObjectDataSource委托。 数据源负责：

• 根据username和type参数进行过滤
• 排序基于排序表达式 sort参数
• 由skip和take参数指定的分页 -命名为与LINQ运算符一致

因为我们使用的是ObjectDataSource ，所以所有这些都已在委托中实现-这是最终调用该服务的地方。

public enum MessageType
{
    None = 0,
    All,
    General,
    OfficeHoursUpdate,
    // …
}

[DataObject]
public class MessagesDataSource : IDisposable
{
    IMessagesService _svc = new MessagesServiceClient();

    [DataObjectMethod(DataObjectMethodType.Select)]
    public IEnumerable<Message> Select(string username, MessageType type, string sort, int skip, int take)
    {
        return _svc.GetMessages(username, type, sort, skip, take);

    }

    public int SelectCount(string username, MessageType type, string sort, int skip, int take)
    {
        return _svc.CountMessages(username, type);
    }
}

Messages.ascx

将消息列表呈现为表格，每条消息一个<tbody> ，一行分为消息“标头”的列，第二行将所有列合并为消息主体。 注意事项：

• 在下拉列表中选择一个值时，将从第一页开始刷新ListView 。
• MessageDataSource.Select()和.SelectCount()方法采用的所有参数都应在ODS的<SelectParameters> 。 （如果它们不匹配，Visual Studio将显示错误。）
• ObjectDataSource控件的TypeName属性指示由ODS实例化的ODS委托。 要对此进行更多控制，请处理ODS的ObjectCreating / ObjectCreated事件。 （例如，您可以将包含的控件传递给ODS委托。）
• 数据寻呼机将自动提供由StartRowIndexParameterName和MaximumRowsParameterName属性命名的参数的值。
• 我不相信使用ObjectDataSource时ListView为SortParameterName参数的值填充-使用GridView时可能会或可能不会。 我也不认为在这种情况下是必须的，但是再重申一次也不会伤害任何人。
• 我省略了数据寻呼机字段，在这里它们只是很混乱。
• 标头中的排序LinkButton的CommandArgument值不必匹配数据对象的属性，并且实际上可以是完全任意的。

<asp:Label ID="lblType" runat="server" AssociatedControlID="ddlType" Text="Message Type:"/>
<asp:DropDownList runat="server" ID="ddlType" AutoPostBack="true" 
                  OnSelectedIndexChanged="ddlType_SelectedIndexChanged"
                  OnLoad="ddlType_Load" />
<table>
  <asp:ListView ID="lvMessages" runat="server" DataSourceID="dsMessages" ItemPlaceholderID="message">
    <LayoutTemplate>
      <thead>
        <tr>
          <th>
            <asp:LinkButton runat="server" Text='Timestamp' 
                            CommandName="Sort" CommandArgument="Timestamp" />
            <asp:Literal ID="lvMessages__Timestamp" runat="server" 
                         OnPreRender="UpdateSortIndicator" />
          </th>
          <th>
            Sender
          </th>
          <th>
            <asp:LinkButton runat="server" Text='Subject'
                            CommandName="Sort" CommandArgument="Subject" />
            <asp:Literal ID="lvMessages__Subject" runat="server" 
                         OnPreRender="UpdateSortIndicator" />
          </th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="3">
            <asp:DataPager ID="dpMessages" runat="server" 
                           PageSize="10" PagedControlID="lvMessages"
                           OnInit="dpMessages_Init">
              <Fields>
                <%-- Data Pager Fields --%>
              </Fields>
            </asp:DataPager>
          </td>
        </tr>
      </tfoot>
      <%-- 
          The following tag gets replaced with the rendered contents of 
          ItemTemplate for each data item
      --%>
      <tbody runat="server" id="message" />
    </LayoutTemplate>
    <ItemTemplate>
      <tbody>
        <tr>
          <td>
            <%# Eval("Timestamp") %>
          </td>
          <td>
            <%# Eval("Sender") %>
          </td>
          <td>
            <%# Eval("Subject") %>
          </td>
        </tr>
        <tr>
          <td colspan="3">
            <%# Eval("Body") %> 
          </td>
        </tr>
      </tbody>
    </ItemTemplate>
    <EmptyDataTemplate>
      No messages loaded!
    </EmptyDataTemplate>
  </asp:ListView>
</table>
<asp:ObjectDataSource ID="dsMessages" runat="server" TypeName="Foo.MessagesDataSource"
  DataObjectTypeName="Foo.Message" SelectMethod="Select"
  SelectCountMethod="SelectCount" StartRowIndexParameterName="skip" MaximumRowsParameterName="take"
  OnSelecting="dsMessages_Selecting" EnablePaging="true" SortParameterName="sort">
  <SelectParameters>
    <asp:Parameter Name="username" />
    <asp:Parameter Name="scope" />
    <asp:Parameter Name="sort" />
    <asp:Parameter Name="skip" />
    <asp:Parameter Name="take" />
  </SelectParameters>
</asp:ObjectDataSource>

Messages.ascx.cs

该类相当简单明了，并且主要处理初始化页面和诸如排序指示符之类的切向问题。 大多数“有趣”的位都添加了注释。

public partial class Messages : UserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {

        if (!IsPostBack)
        {
            // Initialise the dropdown list values
            var types = Enum.GetValues(typeof(MessageType));
            types.Remove(MessageType.None);
            foreach (var t in types)
            {
                ddlType.Items.Add(new ListItem(t.ToString()));
            }

            // Default message filter and sort
            Type = MessageType.All;
            lvMessages.Sort("Timestamp", SortDirection.Descending);
        }
    }

    private MessageType _type;
    public MessageType Type
    {
        get { return _type; }

        set
        {
            if (!_type.Equals(value))
            {
                ddlType.SelectedValue = value.ToString();
                _type = value;
            }
        }
    }

    private static readonly IDictionary<SortDirection, string> SortIndicators =
        new Dictionary<SortDirection, string>
            {
                {SortDirection.Ascending, "\u25b4"}, // upwards triangle
                {SortDirection.Descending, "\u25be"} // downwards triangle
            };

    /// This is where you can programmatically add / change the values of
    /// parameters that will get passed to MessagesDataSource.Select()
    protected void dsMessages_Selecting(object sender, ObjectDataSourceSelectingEventArgs e)
    {
        // Add "filter" parameters that have to be determined programmatically.
        e.InputParameters["username"] = GetUsernameLoggedIn();
        e.InputParameters["type"] = Type;
    }

    /// When the message type changes, go back to the first page
    protected void ddlType_SelectedIndexChanged(object sender, EventArgs e)
    {
        Type = (MessageType) ddlType.SelectedValue);
        var pager = (DataPager)lvMessages.FindControl("dpMessages");
        if (pager == null)
        {
            ((IPageableItemContainer)lvMessages).SetPageProperties(0, 10, true);
        }
        else
        {
            pager.SetPageProperties(0, pager.PageSize, true);
        }
    }

    /// Reload the value from the dropdown list.
    protected void ddlType_Load(object sender, EventArgs e)
    {
        Type = (MessageType) ddlType.SelectedValue;
    }

    protected void UpdateSortIndicator(object sender, EventArgs e)
    {
        var indicator = (Literal) sender;
        if (indicator.ID.EndsWith("__"+ lvMessages.SortExpression))
        {
            indicator.Text = SortIndicators[lvMessages.SortDirection];
        } 
        else
        {
            indicator.Text = "";
        }
    }
}

免责声明：我并没有声称自己是该主题的权威，并且实际上对.NET来说还很陌生。 这恰好是我最近不得不处理的事情，并且也被分散的文档所迷惑，这些文档往往要么走捷径就成为问题的一部分（即要么使用GridView自动获取完整视图，要么使用ADO.NET数据源，而不是自定义数据访问代码）； 或在绒毛上花费太多空间（例如，在哪个Visual Studio向导中单击哪个按钮的屏幕截图。）

Answer 2

它不是免费的，但Telerik的RadGrid具有令人难以置信的全功能，它可以100％满足您的需求，否则将使您蒙上阴影。

Telerik RadGrid： http ： //demos.telerik.com/aspnet-ajax/grid/examples/overview/defaultcs.aspx

Answer 3

如果您的数据仅要显示而不编辑或更新，则可以使用Data Repeater控件。 这是一个非常轻量级的控件，但是您可能已经编写了用于分页和排序的所有逻辑。从某种意义上说，它很好，这样您就可以对代码进行精细的控制。

检查此链接以获取更多详细信息。 ASP.net转发器控件