【问题标题】:Grid ordering best practice on websites网站上的网格排序最佳实践
【发布时间】:2013-08-01 16:04:12
【问题描述】:

这个问题与当每一列都有一个升序或降序排序按钮时,行在网格中的排序方式有关。我们希望以“行业标准”或“最佳实践”的方式进行开发。

假设我们有四列:Region、Country、Town、Street。

用户想要按国家和城市排序。

他们:

  1. 单击 Town 上的排序按钮,然后单击 Country 或
  2. 点击 Country 和 Town 上的排序按钮

在许多方面前者更容易开发,因为每次单击一个排序时,我们都可以简单地将其带到列表的前面,在列表中保留大约三个。

是否有一种标准的方法,如果有,它是什么?

【问题讨论】:

    标签: asp.net-mvc sorting web-applications datagrid


    【解决方案1】:

    据我所知,没有标准的方法可以做到这一点,您很可能希望使用第三方库来实现它。创建功能性网格 UI 是一个非常复杂的过程,因此您可能想要查看的两个库是 JqGrid 和 Telerik 的 Kendo UI grid 示例。 JqG​​rid 是一个免费的第三方库,Telerik 允许您试用他们的库。

    对于使用 kendo UI 进行多重排序,您可以在 documentation 中找到它,并且 JqGrid 在搜索/过滤多个字段下的同一链接中,例如单击搜索图标,它应该为您提供搜索选项多列。 这是来自 JqGrid 多列搜索/过滤示例的图像,以便更好地解释。

    【讨论】:

    • 感谢 Fassetar。在选择排序选项(即单击列标题)时您发布的两个示例中,仅该列用于排序。先前的排序被完全删除。本质上,我们希望至少按两列(最好是 3)进行排序。我们的技术运行良好,因为我们可以像这些示例一样进行排序,我们知道我们需要做什么(或者我们认为我们需要做什么)来实现对多个列的排序。
    • 抱歉,我已经更新了我的答案,您将找到有关如何为 Kendo UI Grid 实现此目的的文档。至于 JqGrid,该链接确实包含“搜索多个字段搜索:搜索控件(日期选择器、自动完成、下拉列表、复选框、自定义等)中的示例
    猜你喜欢
    • 1970-01-01
    • 2010-11-10
    • 1970-01-01
    • 2011-06-09
    • 1970-01-01
    • 2010-10-17
    • 1970-01-01
    • 1970-01-01
    • 2011-07-06
    相关资源
    最近更新 更多