[发明专利]一种拓展jQuery表格插件功能的方法

说明书

本发明公开了一种拓展jQuery表格插件功能的方法，涉及表格高级交互的技术领域，具体包括以下步骤：首先在jQuery表格的html页面，搭建表格，然后在html页面设置列按钮；然后添加多个按钮控件，进而将datatable与表格进行绑定，最后重写datatable的JavaScript和层叠样式表；以实现点击不同的按钮，可实现不同的扩展功能；本发明，使得使用者可以在页面上，通过点击按钮的方式，根据实际使用需求，灵活修改表头的显隐、显示顺序、设置每一列的显示宽度和显示各单元格全部数据。

技术领域

本发明涉及表格高级交互的技术领域，具体涉及一种拓展jQuery表格插件功能的方法。

背景技术

Datatable是一款jQuery表格插件；它是一个当前使用较为广泛的表格工具，具备按行列显示表格数据、分页、筛选和排序等功能。

现有的表格插件中，表头(列)项基本在代码中固定；当表格列数目过多时，会出现屏幕溢出；当表头(列)顺序或显隐需要调整时，需要在代码中修改，灵活性、可修改性较差；各单元格如果内容较多时，会出现显示内容不全，无法做到一目了然。

现有的技术方案是通过开发人员修改硬编码实现，实际操作性、灵活性不强，且会因为需求变化、屏幕分辨率不同等出现显示异常，影响用户体验。

发明内容

本发明的目的在于：针对目前表格插件中，当表格列数目过多时，会出现屏幕溢出；当表头(列)顺序或显隐需要调整时，需要在代码中修改，灵活性、可修改性较差；各单元格如果内容较多时，会出现显示内容不全，无法做到一目了然的问题，提供了一种拓展jQuery表格插件功能的方法，解决了上述问题。

本发明的技术方案如下：

一种拓展jQuery表格插件功能的方法，包括以下步骤：

a)打开jQuery表格，在jQuery表格的html页面，搭建表格，即搭建table的grid；

b)在同一html页面，设置列按钮；

c)添加按钮控件；

d)将datatable(一款jQuery表格插件，可以给HTML表格添加交互功能，如分页、搜索)与表格进行绑定；

e)重写datatable的JavaScript和层叠样式表。

步骤a中表格包括表头thead和表格内容tbody。

步骤b中列按钮与表头thead顺序相同、内容相同。

步骤c中按钮控件包括列的显示按钮、列的隐藏按钮、表格列数据显示折行按钮、设置表格显示顺序按钮和设置表格列宽度按钮；便于点击相应按钮实现相应功能的作用。

步骤d的详细步骤为：调用datatable的JavaScript和css(层叠样式表)，与表格的id进行绑定，实现基本的显示、排序和搜索功能；这里的绑定方式才有现有的绑定方式即可。

步骤e的详细步骤为：

e1)添加获取cookie的方法，即在系统中添加一个获取cookie的程序，预存在系统里，方便需要的时候，可以直接使用；主要作用是：获取指定名称的cookie值，当获取的是多个cookie值时，保存的时候是以分号或空格分开；

e2)添加设置cookie的方法；即在系统中添加一个获取cookie的程序，预存在系统里，方便需要的时候，可以直接使用；将cookie的value值与表格的id一一对应。