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

专利信息
申请号: 202111097156.2 申请日: 2021-09-18
公开(公告)号: CN113743067A 公开(公告)日: 2021-12-03
发明(设计)人: 李琦;张伟;廖涛;钟洋;张聪;李飞 申请(专利权)人: 中电科蓉威电子技术有限公司
主分类号: G06F40/18 分类号: G06F40/18;G06F9/445
代理公司: 成都九鼎天元知识产权代理有限公司 51214 代理人: 吴彦峰
地址: 610000 四川*** 国省代码: 四川;51
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 拓展 jquery 表格 插件 功能 方法
【权利要求书】:

1.一种拓展jQuery表格插件功能的方法,其特征在于,包括以下步骤:

a)在jQuery表格的html页面,搭建表格;

b)在html页面设置列按钮;

c)添加按钮控件;

d)将datatable与表格进行绑定;

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

2.根据权利要求1所述的一种拓展jQuery表格插件功能的方法,其特征在于,所述步骤a中表格包括表头和表格内容;所述步骤b中列按钮与表头顺序相同、内容相同。

3.根据权利要求2所述的一种拓展jQuery表格插件功能的方法,其特征在于,所述步骤c中按钮控件包括列的显示按钮、列的隐藏按钮、表格列数据显示折行按钮、设置表格显示顺序按钮和设置表格列宽度按钮。

4.根据权利要求3所述的一种拓展jQuery表格插件功能的方法,其特征在于,所述步骤d的详细步骤为:调用datatable的JavaScript和层叠样式表,与表格的id进行绑定。

5.根据权利要求4所述的一种拓展jQuery表格插件功能的方法,其特征在于,所述步骤e的详细步骤为:

e1)添加获取cookie的方法;

e2)添加设置cookie的方法;

e3)添加表格列的初始化方法;

e4)添加与步骤c中的按钮控件相对应的执行功能函数;

e5)当执行完步骤e3中添加的表格列的初始化方法后,执行步骤c,并将步骤c中添加的按钮控件与相对应的执行功能函数进行绑定。

6.根据权利要求5所述的一种拓展jQuery表格插件功能的方法,其特征在于,所述执行功能函数包括:列的显示与隐藏的执行功能函数、表格列数据显示折行的执行功能函数、表格显示顺序的执行功能函数和设置表格列宽度的执行功能函数。

7.根据权利要求6所述的一种拓展jQuery表格插件功能的方法,其特征在于,添加列的显示与隐藏的执行功能函数的具体步骤如下:

e4.1)获取表格对象、表格id和模态框顶级div的id;

e4.2)对获取的模态框顶级div的id绑定click事件;

e4.3)获取列的接口对象,根据当前列的显隐状态做出判断:如果列的状态为显示,则添加对应的层叠样式表和class,并更改状态;如果列的状态为隐藏,则删除对应的层叠样式表和class,并更改状态;

e4.4)将步骤e4.1中获取的模态框顶级div的id和e4.3中的列的显隐状态存入数组。

8.根据权利要求6所述的一种拓展jQuery表格插件功能的方法,其特征在于,添加表格列数据显示折行的执行功能函数的具体步骤如下:

e4.5)获取表格列显示的li标签,将li标签与按钮控件的状态进行绑定;

e4.6)点击表格列数据显示折行按钮,传递标识值;当选择折行时,传递的标识值为1,此时为每列单元格添加如下层叠样式表属性:“text-overflow”:“ellipsis”,“white-space”:“pre-wrap”;当选择不折行时,传递的标识值为0,此时为每列单元格添加如下层叠样式表属性:“text-overflow”:“inherit”,“white-space”:“nowrap”。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中电科蓉威电子技术有限公司,未经中电科蓉威电子技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202111097156.2/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top