CN105159946A - 一种基于jQuery的表格排序方法及系统 - Google Patents

一种基于jQuery的表格排序方法及系统 Download PDF

Info

Publication number
CN105159946A
CN105159946A CN201510491001.5A CN201510491001A CN105159946A CN 105159946 A CN105159946 A CN 105159946A CN 201510491001 A CN201510491001 A CN 201510491001A CN 105159946 A CN105159946 A CN 105159946A
Authority
CN
China
Prior art keywords
data
sorted
sorting
jquery
sort
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201510491001.5A
Other languages
English (en)
Inventor
王涛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Si Tech Information Technology Co Ltd
Original Assignee
Beijing Si Tech Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Si Tech Information Technology Co Ltd filed Critical Beijing Si Tech Information Technology Co Ltd
Priority to CN201510491001.5A priority Critical patent/CN105159946A/zh
Publication of CN105159946A publication Critical patent/CN105159946A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

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

Description

一种基于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文件导入到项目工程中；所述排序算法对外提供一个简单易用的function，开发人员只要调用这个算法就可以使用该排序方法，所述算法的名称以及入参如下：
sortByCol(tableID,columIndex,sortType,dataType)；
参数说明：tableID是表格的id，columnIndex是要进行排序的列索引，sortType是排序类型，默认0是升序，1是降序，dataType是该列的数据类型，以string的方式传入，如果对应列数据类型是整形，就传”int”型数据。
当所述排序算法被调用时即可实现表格排序功能。
如图1所示，一种基于jQuery的表格排序方法，包括如下步骤：
步骤1：调用后台服务，将后台服务返回的数据以列表形式显示在表格中；
步骤2，根据需求选择排序方式和待排序的数据列；
步骤3，提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。
步骤2中所述排序方式包括升序排序和降序排序。
步骤3中的预定算法采用冒泡排序法，具体实现为：将提取的数据两两比较，根据比较结果判断数据需要交换的位置，进而将表格中对应的行进行位置交换。
如图2所示，一种基于jQuery的表格排序系统，包括数据获取模块1、排序规则选择模块2和排序模块3；所述数据获取模块1，其用于调用后台服务，将后台服务返回的数据以列表形式显示在表格中；所述排序规则选择模块2，其用于根据需求选择排序方式和待排序的数据列；所述排序模块3，其用于提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。
本发明所述方法适用于对已经查询出后台数据的表格进行排序。所述方法可以支持多种规则的排序，比如用户希望对表格中每一列都进行排序，看看不同情况下的排序结果，该排序方法支持多种数据类型的排序。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (6)

1.一种基于jQuery的表格排序方法，其特征在于，包括如下步骤：
步骤1：调用后台服务，将后台服务返回的数据以列表形式显示在表格中；
步骤2，根据需求选择排序方式和待排序的数据列；
步骤3，提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。
2.根据权利要求1所述一种基于jQuery的表格排序方法，其特征在于，步骤2中所述排序方式包括升序排序和降序排序。
3.根据权利要求1所述一种基于jQuery的表格排序方法，其特征在于，步骤3中的预定算法采用冒泡排序法，具体实现为：将提取的数据两两比较，根据比较结果判断数据需要交换的位置，进而将表格中对应的行进行位置交换。
4.一种基于jQuery的表格排序系统，其特征在于，包括数据获取模块、排序规则选择模块和排序模块；
所述数据获取模块，其用于调用后台服务，将后台服务返回的数据以列表形式显示在表格中；
所述排序规则选择模块，其用于根据需求选择排序方式和待排序的数据列；
所述排序模块，其用于提取待排序的数据列中的数据，根据预定算法对提取的数据列进行相应排序方式排序，根据数据的排序结果对表格的行进行相应的位置交换。
5.根据权利要求4所述一种基于jQuery的表格排序系统，其特征在于，所述排序方式包括升序排序和降序排序。
6.根据权利要求4所述一种基于jQuery的表格排序系统，其特征在于，所述排序模块中的预定算法采用冒泡排序法，具体实现为：将提取的数据两两比较，根据比较结果判断数据需要交换的位置，进而将表格中对应的行进行位置交换。
CN201510491001.5A 2015-08-11 2015-08-11 一种基于jQuery的表格排序方法及系统 Pending CN105159946A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510491001.5A CN105159946A (zh) 2015-08-11 2015-08-11 一种基于jQuery的表格排序方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510491001.5A CN105159946A (zh) 2015-08-11 2015-08-11 一种基于jQuery的表格排序方法及系统

Publications (1)

Publication Number Publication Date
CN105159946A true CN105159946A (zh) 2015-12-16

Family

ID=54800802

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510491001.5A Pending CN105159946A (zh) 2015-08-11 2015-08-11 一种基于jQuery的表格排序方法及系统

Country Status (1)

Country Link
CN (1) CN105159946A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107220378A (zh) * 2017-06-26 2017-09-29 福建中金在线信息科技有限公司 表格排序方法和装置、web页面展示方法和装置
CN109558401A (zh) * 2017-09-27 2019-04-02 北京国双科技有限公司 数据排序方法及装置
CN111190680A (zh) * 2019-12-30 2020-05-22 北京明略软件系统有限公司 表格排序方法、装置及相关设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1716246A (zh) * 2004-05-28 2006-01-04 国际商业机器公司 用于web应用的多列多数据类型的国际化排序扩展方法
CN1776678A (zh) * 2004-11-18 2006-05-24 国际商业机器公司 用于表的客户端操作的方法和系统
CN103186560A (zh) * 2011-12-28 2013-07-03 金蝶软件（中国）有限公司 一种数据排序方法以及相关装置
CN104077361A (zh) * 2014-06-09 2014-10-01 汉柏科技有限公司 一种用于大数据的排序方法及系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1716246A (zh) * 2004-05-28 2006-01-04 国际商业机器公司 用于web应用的多列多数据类型的国际化排序扩展方法
CN1776678A (zh) * 2004-11-18 2006-05-24 国际商业机器公司 用于表的客户端操作的方法和系统
CN103186560A (zh) * 2011-12-28 2013-07-03 金蝶软件（中国）有限公司 一种数据排序方法以及相关装置
CN104077361A (zh) * 2014-06-09 2014-10-01 汉柏科技有限公司 一种用于大数据的排序方法及系统

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107220378A (zh) * 2017-06-26 2017-09-29 福建中金在线信息科技有限公司 表格排序方法和装置、web页面展示方法和装置
CN109558401A (zh) * 2017-09-27 2019-04-02 北京国双科技有限公司 数据排序方法及装置
CN109558401B (zh) * 2017-09-27 2021-09-17 北京国双科技有限公司 数据排序方法及装置
CN111190680A (zh) * 2019-12-30 2020-05-22 北京明略软件系统有限公司 表格排序方法、装置及相关设备

Similar Documents

Publication Publication Date Title
CN107391502B (zh) 时间间隔的数据查询方法、装置及索引构建方法、装置
CN104778540A (zh) 一种建材装备制造bom管理方法及管理系统
CN106777027B (zh) 大规模并行处理行列混合数据存储装置及存储、查询方法
CN105488048A (zh) 一种数据查询的方法及装置
CN101025805A (zh) 基于产品的物料清单生成方法
CN106126601A (zh) 一种社保大数据分布式预处理方法及系统
CN107967347A (zh) 批量数据处理方法、服务器、系统及存储介质
CN103019728A (zh) 一种高效复杂报表解析引擎及其解析方法
CN109684336A (zh) 基于大数据应用实现树形数据表高效检索与排序功能的系统及方法
CN109635260B (zh) 用于生成文章模板的方法、装置、设备和存储介质
CN102081649B (zh) 一种搜索电脑文件的方法及其系统
CN104462527A (zh) 一种数据去重的方法及装置
CN106155769A (zh) 一种工作流处理方法、装置及工作流引擎
CN105159946A (zh) 一种基于jQuery的表格排序方法及系统
CN105095436A (zh) 数据源数据自动建模方法
CN104699857A (zh) 基于知识工程的大数据存储方法
CA3062944A1 (en) An emergency disposal support system
CN106649498A (zh) 一种基于爬虫和文本聚类分析的网络舆情分析系统
CN101320451A (zh) 使用决策树的客户投诉方法
CN108228787A (zh) 按照多级类目处理信息的方法和装置
CN103778128A (zh) 一种列表信息的绘制方法和装置
CN102708163A (zh) 一种网页论坛常用模块的突出显示方法
CN102663083A (zh) 基于分布式计算的大规模社交网络信息抽取方法
CN101957860A (zh) 一种发布、搜索信息的方法及装置
CN104991741A (zh) 一种基于键值模型的情境适配电网大数据存储方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20151216