Javascript 对表列进行排序并显示

Javascript 对表列进行排序并显示,javascript,jquery,jsp,struts2,Javascript,Jquery,Jsp,Struts2,我正在使用JSP struts 2创建一个动态表管理器,后端是纯oracle DB 所有这些都完成了。 如果我将页面限制设置为10,那么在页面更改时,只会获取并显示接下来的10组行。所以基本上在任何时候,我的页面中只有10行。 现在我想在这个表管理器中添加按列排序功能,它类似于excel工作表,我们可以按列升序或降序排序 我该怎么做 我的想法是,每次单击一列时,我都会转到该操作并按升序或降序获取行 这是最佳方式还是有其他最佳解决方案?您以JSON对象的形式获取所有数据,并使用javascript

我正在使用JSP struts 2创建一个动态表管理器,后端是纯oracle DB

所有这些都完成了。 如果我将页面限制设置为10,那么在页面更改时,只会获取并显示接下来的10组行。所以基本上在任何时候,我的页面中只有10行。 现在我想在这个表管理器中添加按列排序功能,它类似于excel工作表,我们可以按列升序或降序排序

我该怎么做

我的想法是,每次单击一列时,我都会转到该操作并按升序或降序获取行


这是最佳方式还是有其他最佳解决方案?

您以JSON对象的形式获取所有数据,并使用javascript创建表(您还可以提供分页逻辑)。在javascript中创建一个创建表的函数。现在,每当完成排序(asc或desc)时,都会对特定列上的JSON对象进行排序。然后再次调用javascript中的“创建表”函数。这将阻止进行服务器端调用或数据库调用。处理将在客户端完成,这将提高您的性能。
提示:一次性获取所有表数据并将其传递到前端

更新:
根据“name”属性对json对象排序排序对象
var sortedArray=myArray.sort(函数(a,b){
如果(a.name 返回-1;
如果(a.name==b.name)
返回0;
否则
返回1;

});

好的,您有两个选择,或者使用自己的逻辑进行分页 或者尝试使用struts2 jquery网格插件

此链接是有关如何在应用程序中使用网格的完整文档

这是struts2网格插件的工作演示

你也可以在这里下载war文件或源代码
查找struts2-jquery-mobile-showcase-3.5.1.war

以下是您可以采取的多种方法

  • 使用order by对数据库中的数据进行排序,并显示结果。 为此,您可以使用struts中已有的显示标记,如
  • 二,。使用JavaScript库(如Jquery示例)在HTML页面上对表进行排序


    3.从数据库中提取数据一次,并将其存储在会话中,然后使用java.util.Comparator对其进行排序:如果您只使用表,请参阅,然后检查以下链接。它是Jquery数据表插件。它提供分页、选择每页最大行数和列排序


    使用显示标记库,它具有固有的排序功能。我没有使用JSON。我只是在hashmap中检索数据,并使用struts 2标记显示数据。因此,基本上我所有的数据都在hashmap中。