一种基于jQuery的表格排序方法及系统技术方案

本发明专利技术涉及一种基于jQuery的表格排序方法及系统，所述方法包括步调用后台服务，将后台服务返回的数据以列表形式显示在表格中；根据需求选择排序方式和待排序的数据列；提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。本发明专利技术所述排序方法不利用数组，也不利用中间量，对数据进行冒泡排序，能够快速的对一组数据进行升序或者降序，再对排序后的数据按照位置进行换位达到表格排序的效果；使得后台服务无需做任何的数据处理，在对数据处理层访问的时候也不用做排序查询，分担后台服务的服务器和数据库的压力，将工作交给前台，前台可以灵活快速的进行排序。

【技术实现步骤摘要】

本专利技术涉及计算机
，尤其涉及一种基于jQuery的表格排序方法及系统。
技术介绍
现有技术的排序方法，基本上都是先从表格中选择出要待排序的列，将待排序的列数据提取出来放到一个数组中，与此同时将每一行的内容innerHTML(基于javascript的)或者$obj.html()(基于jquery的)提取出来放到另一个数组中，两个数组中的元素通过一个索引建立联系，然后清空数据列表。对数组中的数据进行排序，然后通过索引列将存放innerHTML的数组中的元素按照顺序添加到表格中去。这种实现方式设计思想利用到了索引的方式，实现起来比较巧妙，但是，要将大量的数据提取出来放到数组中，再进行表格类重绘的方式需要浪费大量存储资源，且实现复杂。
技术实现思路
本专利技术所要解决的技术问题是针对现有技术的不足，提供一种基于jQuery的表格排序方法及系统。本专利技术解决上述技术问题的技术方案如下:一种基于jQuery的表格排序方法，包括如下步骤:步骤1:调用后台服务，将后台服务返回的数据以列表形式显示在表格中；步骤2，根据需求选择排序方式和待排序的数据列；步骤3，提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。本专利技术的有益效果是:本专利技术所述排序方法不利用数组，也不利用中间量，对数据进行冒泡排序，能够快速的对一组数据进行升序或者降序，再对排序后的数据按照位置进行换位达到表格排序的效果；使得后台服务无需做任何的数据处理，在对数据处理层访问的时候也不用做排序查询，分担后台服务的服务器和数据库的压力，将工作交给前台，前台可以灵活快速的进行排序。在上述技术方案的基础上，本专利技术还可以做如下改进。进一步，步骤2中所述排序方式包括升序排序和降序排序。进一步，步骤3中的预定算法采用冒泡排序法，具体实现为:将提取的数据两两比较，根据比较结果判断数据需要交换的位置，进而将表格中对应的行进行位置交换。采用上述进一步方案的有益效果:对数据两两比较，根据比较的结果判断如果数据需要交换位置，那么就将表格中对应位置的两行进行位置交换，那么该排序方法在对数据排序的过程中，同时也对表格进行重新排序。本专利技术解决上述技术问题的另一技术方案如下:一种基于jQuery的表格排序系统，包括数据获取模块、排序规则选择模块和排序模块；所述数据获取模块，其用于调用后台服务，将后台服务返回的数据以列表形式显示在表格中；所述排序规则选择模块，其用于根据需求选择排序方式和待排序的数据列；所述排序模块，其用于提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。在上述技术方案的基础上，本专利技术还可以做如下改进。进一步，步骤2中所述排序方式包括升序排序和降序排序。进一步，所述排序模块中的预定算法采用冒泡排序法，具体实现为:将提取的数据两两比较，根据比较结果判断数据需要交换的位置，进而将表格中对应的行进行位置交换。【附图说明】图1为本专利技术所述一种基于jQuery的表格排序方法流程图；图2为本专利技术所述一种基于jQuery的表格排序系统框图。附图中，各标号所代表的部件列表如下:1、数据获取模块，2、排序规则选择模块，3、排序模块。【具体实施方式】以下结合附图对本专利技术的原理和特征进行描述，所举实例只用于解释本专利技术，并非用于限定本专利技术的范围。本专利技术涉及一种基于jquery框架纯面向客户端的表格排序方法。后台服务能够一次性查询出全部的数据，然后使用该排序算法进行排序。该排序方法能够基于多种数据类型进行快速排序，本专利技术所述方法使前台客户端自行对表格排序，后台服务只管查询出数据无需对数据进行处理，以达到分担服务器压力的目的。本专利技术将包括排序算法的js文件导入到项目工程中；所述排序算法对外提供一个简单易用的funct1n，开发人员只要调用这个算法就可以使用该排序方法，所述算法的名称以及入参如下:sortByCol(tableID, columlndex, sortType, dataType)；参数说明:tableID是表格的id，columnlndex是要进行排序的列索引，sortType是排序类型，默认O是升序，I是降序，dataType是该列的数据类型，以string的方式传入，如果对应列数据类型是整形，就传” int”型数据。当所述排序算法被调用时即可实现表格排序功能。如图1所示，一种基于jQuery的表格排序方法，包括如下步骤:步骤1:调用后台服务，将后台服务返回的数据以列表形式显示在表格中；步骤2，根据需求选择排序方式和待排序的数据列；步骤3，提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。步骤2中所述排序方式包括升序排序和降序排序。步骤3中的预定算法采用冒泡排序法，具体实现为:将提取的数据两两比较，根据比较结果判断数据需要交换的位置，进而将表格中对应的行进行位置交换。如图2所示，一种基于jQuery的表格排序系统，包括数据获取模块1、排序规则选择模块2和排序模块3 ;所述数据获取模块1，其用于调用后台服务，将后台服务返回的数据以列表形式显示在表格中；所述排序规则选择模块2，其用于根据需求选择排序方式和待排序的数据列；所述排序模块3，其用于提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。本专利技术所述方法适用于对已经查询出后台数据的表格进行排序。所述方法可以支持多种规则的排序，比如用户希望对表格中每一列都进行排序，看看不同情况下的排序结果，该排序方法支持多种数据类型的排序。以上所述仅为本专利技术的较佳实施例，并不用以限制本专利技术，凡在本专利技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本专利技术的保护范围之内。【主权项】1.一种基于jQuery的表格排序方法，其特征在于，包括如下步骤: 步骤1:调用后台服务，将后台服务返回的数据以列表形式显示在表格中； 步骤2，根据需求选择排序方式和待排序的数据列； 步骤3，提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。2.根据权利要求1所述一种基于jQuery的表格排序方法，其特征在于，步骤2中所述排序方式包括升序排序和降序排序。3.根据权利要求1所述一种基于jQuery的表格排序方法，其特征在于，步骤3中的预定算法采用冒泡排序法，具体实现为:将提取的数据两两比较，根据比较结果判断数据需要交换的位置，进而将表格中对应的行进行位置交换。4.一种基于jQuery的表格排序系统，其特征在于，包括数据获取模块、排序规则选择模块和排序模块； 所述数据获取模块，其用于调用后台服务，将后台服务返回的数据以列表形式显示在表格中； 所述排序规则选择模块，其用于根据需求选择排序方式和待排序的数据列； 所述排序模块，其用于提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。5.根据权利要求4所述一种本文档来自技高网...

【技术保护点】
一种基于jQuery的表格排序方法，其特征在于，包括如下步骤：步骤1：调用后台服务，将后台服务返回的数据以列表形式显示在表格中；步骤2，根据需求选择排序方式和待排序的数据列；步骤3，提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。

【技术特征摘要】

【专利技术属性】
技术研发人员：王涛，
申请(专利权)人：北京思特奇信息技术股份有限公司，
类型：发明
国别省市：北京;11