CN111222069A - 报表组件调整方法、装置及相关设备 - Google Patents
报表组件调整方法、装置及相关设备 Download PDFInfo
- Publication number
- CN111222069A CN111222069A CN201911342197.6A CN201911342197A CN111222069A CN 111222069 A CN111222069 A CN 111222069A CN 201911342197 A CN201911342197 A CN 201911342197A CN 111222069 A CN111222069 A CN 111222069A
- Authority
- CN
- China
- Prior art keywords
- cell
- original
- floating
- content
- unit
- 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.)
- Granted
Links
Images
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
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
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)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及数据编辑领域,具体涉及一种报表组件调整方法、装置及计算机设备、存储介质,所述方法包括:接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格;获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中设置所述原单元格经过的单元格和当前单元格的样式为所述浮动单元格样式,得到浮动单元格;接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格;提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。本发明通过监听用户对单元格的操作以拖动方式将所述原单元格的内容剪贴或交换到所述目标单元格,操作简单方便,提高报表制作的效率。
Description
技术领域
本发明涉及数据编辑领域,尤其涉及一种报表组件调整方法、装置及计算机设备、存储介质。
背景技术
随着互联网技术的发展,人们利用计算机处理数据的功能来生成以及展示报表,根据报表将数据以表格、图表的形式显示出来,随着企业对数据分析的要求越来越高,一般的报表已经不能满足企业信息化的要求,所以出现了商务智能(BI,BusinessIntelligence)报表,当前可视化报表是基于浏览器模式(BS,Browser-Server)开发的网页版BI报表系统,BI报表系统里面有一款组件-“自由式表格”,前端页面操作简单,较易上手。但是自由式表格的单元格只能框选,比如把“当年保费”字段从A2移动到B3单元格,只能删除A2中“当年保费”,并重新在B3中拖入“当年保费”,较不灵活,当涉及多行数据改动时,只能重新制作报表,费时费力,效率低。
发明内容
本发明提供一种报表组件调整方法、装置及计算机设备、存储介质,以解决现有技术BS模式中BI报表系统的自由式表格中的单元格调整不灵活的问题。
第一方面,本发明提供一种报表组件调整方法,包括:
接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格;
获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中将所述原单元格经过的单元格和当前单元格的样式设置为所述浮动单元格样式,得到浮动单元格;
接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格;
提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。
作为本发明可实施的方式,
所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格包括:
判断所述目标单元格是否为空;
若所述目标单元格为空,则剪切所述原单元格的内容,将所述原单元格的内容粘贴到所述目标单元格;
若所述目标单元格不为空,则提取所述原单元格的内容和所述目标单元格的内容进行交换。
作为本发明可实施的方式,在接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格之后,还包括:
读取选中的单元格的样式字段;
根据样式字段的值,判断所选中的单元格是否为可拖动样式;
若为可拖动样式,则在原单元格上设置预设标识,以展示所述原单元格可拖动。
作为本发明可实施的方式,所述获取预先定义的浮动单元格样式包括:
获取层叠样式表,所述层叠样式表中包括所述浮动单元格样式;
从所述层叠样式表中获取所述浮动单元格样式的字段并配置到所述原单元格经过的单元格以及当前单元格进行展示。
作为本发明可实施的方式,所述获取层叠样式表包括:
根据浏览器的菜单查找编辑菜单;
根据所述编辑菜单得到源文件;
将所述源文件中“.css”字段结尾的文件确定为所述层叠样式表。
作为本发明可实施的方式,所述将选中的与原单元格大小相同的浮动单元格设置为目标单元格包括:
将选中的与原单元格大小相同的浮动单元格样式隐藏,并去除所述与原单元格大小相同的浮动单元格的绑定事件,得到目标单元格。作为本发明可实施的方式,所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格之后,还包括:
删除未选中的浮动单元格的浮动单元格样式。
第二方面,本发明提供一种报表组件调整装置,包括:
第一接收模块,用于接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格;
获取模块,用于获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中设置所述原单元格经过的单元格和当前单元格的样式为所述浮动单元格样式,得到浮动单元格;
第二接收模块,用于接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格;
调整模块,用于提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。
第三方面,本发明提供一种计算机设备,包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机可读指令,所述计算机可读指令被所述至少一个处理器执行时,使得所述至少一个处理器执行上述的报表组件调整方法。
第四方面,本发明提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被至少一个处理器执行时实现如上所述的报表组件调整方法。
根据本发明提供的报表组件调整方法、装置及计算机设备、存储介质,通过接收单元格的拖动指令,并选中对应的单元格作为原单元格;获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中设置所述原单元格经过的单元格和当前单元格的样式为所述浮动单元格样式,得到浮动单元格;接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格;提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。本发明提供的报表组件调整方法通过监听用户对单元格的操作,以拖动方式将所述原单元格的内容剪贴或交换到所述目标单元格,操作简单方便,提高报表制作的效率。
附图说明
为了更清楚地说明本发明的方案,下面将对实施例描述中所需要使用的附图做一个简单介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例可以应用于其中的示例性系统架构图;
图2为本申请实施例中所述报表组件调整方法的一个实施例的流程图;
图3为本申请实施例中所述报表组件调整装置的一个实施例的结构示意图;
图4为本申请实施例中计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同;本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请;本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形,意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。除非另有定义,本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture ExpertsGroupAudio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts GroupAudio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
需要说明的是,本申请实施例所提供的报表组件调整方法一般由服务器/终端设备执行,相应地,报表组件调整装置一般设置于服务器/终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
在说明书中的各个位置出现的“实施例”该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
本发明实施例提供一种报表组件调整方法,用于通过设置浮动单元格并使用预先定义的浮动单元格样式进行标记为目标单元格,将所述原单元格的内容剪贴或交换到所述目标单元格,能够实现单元格的拖动,提高报表制作的效率。
如图2所示,所述报表组件调整方法包括:
S201、接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格。
其中,所述单元格的拖动指令为浏览器网页上鼠标对表格的点击事件,通过Javascript编程语言编写的脚本程序(如jQuery脚本程序)捕获该点击事件并转化为对应的事件指令,然后对该事件指令进行处理后响应。JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,是广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用来为页面添加交互行为,给HTML网页增加动态功能,可以直接嵌入HTML页面,也可以写成单独的js文件有利于结构和行为的分离,其在绝大多数浏览器的支持下可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
优选地在接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格之后,还包括:
读取选中的单元格的样式字段;
根据样式字段的值,判断所选中的单元格是否为可拖动样式;
若为可拖动样式,则在原单元格上设置预设标识,以展示所述原单元格可拖动。
其中,所述预设标识可以是框选加右上角的十字标识。
本实施例中,所述预设标识可以是十字标识,若选中的原单元格的右上角出现十字标识,确定选中的原单元格可以拖动。
在上述jQuery脚本程序中,预先对单元格的样式字段td.disabled字段的值进行设定,以确定哪些单元格可拖动。当用户选中对应的单元格作为原单元格时,还可以从层叠样式表(CSS文件)中获取上述选中的单元格的样式字段,并通过其中的td.disabled字段判断该选中的单元格是否可拖动,若td.disabled字段的值为false则可以拖动,若所述选中的单元格可拖动,设置上述选中的单元格的样式为可拖动样式,在原单元格上显示预设标识。或者通过其中的td.abled字段也可以判断所选中的单元格可以拖动。例如,设置为td.abled{background:#qbc;color:#125}等。其中,层叠样式表(CSS文件)(英文全称:Cascading Style Sheets,CSS)是一种用来表现HTML或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化;CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
在本实施例中,报表组件调整方法运行于其上的电子设备(例如图1所示的服务器/终端设备)可以通过有线连接方式或者无线连接方式接收单元格的拖动指令。需要指出的是,上述无线连接方式可以包括但不限于3G/4G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。
S202、获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中将所述原单元格经过的单元格和当前单元格的样式设置为所述浮动单元格样式,得到浮动单元格。
其中,所述预先定义的浮动单元格样式是拖动原单元格时经过的单元格(可以称之为历史单元格)以及当前单元格的区别于其他单元格的样式格式,该样式格式根据需要预先定义并可以放入层叠样式表(CSS文件)中,也可以直接嵌入HTML页面,由上述Javascript脚本程序jQuery调用并配置对应的单元格元素。例如,所述按原单元格经过的单元格的样式为td.selected{background:#f00;color:#fff;}。其中,历史单元格是原单元格已经过的单元格,当前单元格是原单元格正在经过的单元格。
所述原单元格已经过的单元格可以有1个及1个以上,当前单元格的个数也可以有一个或多个,若所述原单元格已经过的单元格以及当前单元格的个数加起来有多个,将这多个单元格的样式统一设置为预先定义的浮动单元格样式。
优选地,所述获取预先定义的浮动单元格样式包括:
获取层叠样式表,所述层叠样式表中包括所述浮动单元格样式;
从所述层叠样式表中获取所述浮动单元格样式的字段并配置到经过的单元格以及当前单单元格进行展示。
所述获取浮动单元格样式的字段可以包括:left左浮动、right右浮动以及none无浮动。
获取到上述浮动单元格样式后,通过:
tdMove.html(this.innerHTML).css({left:e.clientX+px,top:e.clientY+px}).show()的jQuery脚本程序将浮动单元格样式设置到上述经过的单元格并通过show方法进行展示,用以突出显示该浮动单元格。
可选地,当拖动原单元格经过的单元格时,需要将历史单元格通过层叠样式表中预先定义的浮动单元格样式进行设置,例如,所述浮动单元格样式可以为:#tdMove{position:absolute;display:none;border:dotted 3px#f00;background:#fff}。
进一步地,所述获取层叠样式表包括:
根据浏览器的菜单查找编辑菜单;
根据所述编辑菜单得到源文件;
将所述源文件中“.css”字段结尾的文件确定为所述层叠样式表。
具体的,所述获取层叠样式表可以通过浏览器的菜单,从所述浏览器的菜单中查找编辑菜单,根据所述编辑菜单查看源文件,从所述源文件的顶部查找以“.css”字段结尾的文件,将所述以“.css”字段结尾的文件作为层叠样式表。
S203、接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格。
本实施例中,根据浮动单元格的HTML值确定目标单元格,所述HTML值是浮动单元格的位置信息,当浮动单元格有一个或多个时,通过获取多个浮动单元格的(x,y)值,确定目标单元格。
其中,所述确认指令为浏览器网页上鼠标对表格单元格的确认设置的鼠标放开事件,通过Javascript脚本程序jQuery来捕获该鼠标放开事件并转化为对应的确认设置指令,然后对该确认设置指令进行处理后响应,即将上述浮动单元格设置为目标单元格。
优选地,所述将选中的与原单元格大小相同的浮动单元格设置为目标单元格包括:
将选中的与原单元格大小相同的浮动单元格样式隐藏,并去除所述与原单元格大小相同的浮动单元格的绑定事件,得到目标单元格。
本实施例中,所述事件指的是由系统事先设定的、能被对象识别和响应的动作。
具体的,事件是指对象对于外部动作的响应,当对象发生了某个事件,就会执行与所述对象的事件相应的代码。
所述绑定事件是浮动单元格内容与浮动单元格之间的绑定。
其中,可以通过上述jQuery脚本程序的tdMove.hide()对上述浮动单元格进行隐藏,然后通过$(document).unbind()解除该浮动单元格所绑定的事件,使其不再对其他事件所对应的指令进行响应,从而将其确定为目标单元格。
S204、提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。
可选地,所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格包括:
判断所述目标单元格是否为空;
若所述目标单元格为空,则剪切所述原单元格的内容,将所述原单元格的内容粘贴到所述目标单元格;
若所述目标单元格不为空,则提取所述原单元格的内容和所述目标单元格的内容进行交换。
可选地,所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格之后,还包括:
删除未选中的浮动单元格的浮动单元格样式。
通过上述jQuery脚本程序获取td.selected、td.hover字段的值,从而可以获取到要进行交换的原单元格和目标单元格,即vartd=$('td.hover,td.selected'),然后通过
进行判断和设置一个中间变量将两个单元格的内容进行交换,最后使用td.removeClass('hover selected')方式将两者的样式清除最终完成单元格的拖动过程。
在本发明其它实施例中,也可以不对目标单元格进行判断,直接提取所述原单元格的内容,将所述原单元格的内容剪贴到所述目标单元格。
本发明实施例提供的报表组件调整方法,通过接收单元格的拖动指令,并选中对应的单元格作为原单元格;获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中设置所述原单元格经过的单元格和当前单元格的样式为所述浮动单元格样式,得到浮动单元格;接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格;提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。本发明提供的报表组件调整方法通过监听用户对单元格的操作以拖动方式将所述原单元格的内容剪贴或交换到所述目标单元格,操作简单方便,提高报表制作的效率。
本发明实施例提供一种报表组件调整装置,可执行上述实施例提供的报表组件调整方法。如图3所示,所述报表组件调整装置包括第一接收模块310、获取模块320、第二接收模块330和调整模块340;本发明所称的模块是指一种能够被至少一个处理器所执行并且能够完成固定功能的一系列计算机程序段,其存储在存储器中。所述在一些实施例中,关于各模块的功能将在后续的实施例中详述。
第一接收模块310用于接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格。
其中,所述单元格的拖动指令为浏览器网页上鼠标对表格的点击事件,通过Javascript编程语言编写的脚本程序(如jQuery脚本程序)捕获该点击事件并转化为对应的事件指令,然后对该事件指令进行处理后响应。JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,是广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用来为页面添加交互行为,给HTML网页增加动态功能,可以直接嵌入HTML页面,也可以写成单独的js文件有利于结构和行为的分离,其在绝大多数浏览器的支持下可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
优选地在接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格之后,还包括:
读取选中的单元格的样式字段;
根据样式字段的值,判断所选中的单元格是否为可拖动样式;
若为可拖动样式,则在原单元格上设置预设标识,以展示所述原单元格可拖动。
其中,所述预设标识可以是框选加右上角的十字标识。
在上述jQuery脚本程序中,预先对单元格的样式字段td.disabled字段的值进行设定,以确定哪些单元格可拖动。当用户选中对应的单元格作为原单元格时,还可以从层叠样式表(CSS文件)中获取上述选中的单元格的样式字段,并通过其中的td.disabled字段判断该选中的单元格是否可拖动,若td.disabled字段的值为false则可以拖动,若所述选中的单元格可拖动,设置上述选中的单元格的样式为可拖动样式。或者通过其中的td.abled字段也可以判断所选中的单元格可以拖动。例如,设置为td.abled{background:#qbc;color:#125}等。其中,层叠样式表(CSS文件)(英文全称:Cascading Style Sheets,CSS)是一种用来表现HTML或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化;CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
获取模块320用于获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中设置所述原单元格经过的单元格和当前单元格的样式为所述浮动单元格样式,得到浮动单元格。
其中,所述预先定义的浮动单元格样式是拖动原单元格时经过的单元格的区别于其他单元格的样式格式,该样式格式根据需要预先定义并可以放入层叠样式表(CSS文件)中,也可以直接嵌入HTML页面,由上述Javascript脚本程序jQuery调用并配置对应的单元格元素。例如,所述按单元格经过的单元格的样式为td.selected{background:#f00;color:#fff;}。
所述原单元格时经过的单元格以及当前单元格可以有一个或多个,若历史单元格以及当前单元格有多个,则将这多个单元格的样式统一设置为预先定义的浮动单元格样式。
优选地,所述获取预先定义的浮动单元格样式包括:
获取层叠样式表,所述层叠样式表中包括所述浮动单元格样式;
从所述层叠样式表中获取所述浮动单元格样式的字段并配置到所述原单元格经过的单元格以及当前单元格进行展示。
所述获取浮动单元格样式的字段可以包括:left左浮动、right右浮动以及none无浮动。
获取到上述浮动单元格样式后,通过:
tdMove.html(this.innerHTML).css({left:e.clientX+px,top:e.clientY+px}).show()的jQuery脚本程序将浮动单元格样式设置到上述经过的单元格并通过show方法进行展示,用以突出显示该浮动单元格。
可选地,当拖动原单元格经过单元格时,需要将原单元格时经过的单元格通过层叠样式表中预先定义的浮动单元格样式进行设置,例如,所述浮动单元格样式可以为:#tdMove{position:absolute;display:none;border:dotted 3px#f00;background:#fff}。
进一步地,所述获取模块获取层叠样式表包括:
根据浏览器的菜单查找编辑菜单;
根据所述编辑菜单得到源文件;
将所述源文件中“.css”字段结尾的文件确定为所述层叠样式表。
具体的,所述获取层叠样式表可以通过浏览器的菜单,从所述浏览器的菜单中查找编辑菜单,根据所述编辑菜单查看源文件,从所述源文件的顶部查找以“.css”字段结尾的文件,将所述以“.css”字段结尾的文件作为层叠样式表。
第二接收模块330用于接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格。
本实施例中,根据浮动单元格的HTML值确定目标单元格,所述HTML值是浮动单元格的位置信息,当浮动单元格有一个或多个时,通过获取多个浮动单元格的(x,y)值,确定目标单元格。
其中,所述确认指令为浏览器网页上鼠标对表格单元格的确认设置的鼠标放开事件,通过Javascript脚本程序jQuery来捕获该鼠标放开事件并转化为对应的确认设置指令,然后对该确认设置指令进行处理后响应,即将上述浮动单元格设置为目标单元格。
优选地,所述将选中的与原单元格大小相同的浮动单元格设置为目标单元格包括:
将选中的与原单元格大小相同的浮动单元格样式隐藏,并去除所述与原单元格大小相同的浮动单元格的绑定事件,得到目标单元格。
本实施例中,所述事件指的是由系统事先设定的、能被对象识别和响应的动作。
具体的,事件是指对象对于外部动作的响应,当对象发生了某个事件,就会执行与所述对象的事件相应的代码。
所述绑定事件是浮动单元格内容与浮动单元格之间的绑定。
其中,可以通过上述jQuery脚本程序的tdMove.hide()对上述浮动单元格进行隐藏,然后通过$(document).unbind()解除该浮动单元格所绑定的事件,使其不再对其他事件所对应的指令进行响应,从而将其确定为目标单元格。
调整模块340用于提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。
可选地,所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格包括:
判断所述目标单元格是否为空;
若所述目标单元格为空,则剪切所述原单元格的内容,将所述原单元格的内容粘贴到所述目标单元格;
若所述目标单元格不为空,则提取所述原单元格的内容和所述目标单元格的内容进行交换。
可选地,所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格之后,还包括:
删除未选中的浮动单元格的浮动单元格样式。
通过上述jQuery脚本程序获取td.selected、td.hover字段的值,从而可以获取到要进行交换的原单元格和目标单元格,即var td=$('td.hover,td.selected'),然后通过
进行判断和设置一个中间变量将两个单元格的内容进行交换,最后使用td.removeClass('hover selected')方法将两者的样式清除最终完成单元格的拖动过程。
在本发明其它实施例中,也可以不对目标单元格进行判断,直接提取所述原单元格的内容,将所述原单元格的内容剪贴到所述目标单元格。
本发明实施例上述第一接收模块310、获取模块320、第二接收模块330和调整模块340所实现的功能的细节还可参阅上述方法实施例中的相关技术内容,在此不作展开。
根据本发明实施例提供的报表组件调整装置,通过接收单元格的拖动指令,并选中对应的单元格作为原单元格;获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中设置所述原单元格经过的单元格和当前单元格的样式为所述浮动单元格样式,得到浮动单元格;接收确认指令,将选中的与原单元格大小相同的浮动单元格设置为目标单元格;提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。本发明提供的报表组件调整方法通过监听用户对单元格的操作以拖动方式将所述原单元格的内容剪贴或交换到所述目标单元格,操作简单方便,提高报表制作的效率。
为解决上述技术问题,本申请实施例还提供计算机设备。具体请参阅图4,图4为本实施例计算机设备基本结构框图。
所述计算机设备4包括通过系统总线相互通信连接存储器41、处理器42、网络接口44。需要指出的是,图中仅示出了具有组件41-43的计算机设备4,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit,ASIC)、可编程门阵列(Field-Programmable GateArray,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器41至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器41可以是所述计算机设备4的内部存储单元,例如该计算机设备4的硬盘或内存。在另一些实施例中,所述存储器41也可以是所述计算机设备4的外部存储设备,例如该计算机设备4上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(FlashCard)等。当然,所述存储器41还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中,所述存储器41通常用于存储安装于所述计算机设备4的操作系统和各类应用软件,例如X方法的程序代码等。此外,所述存储器41还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器42在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器42通常用于控制所述计算机设备4的总体操作。本实施例中,所述处理器42用于运行所述存储器41中存储的程序代码或者处理数据,例如运行所述报表组件调整方法的程序代码。
所述网络接口43可包括无线网络接口或有线网络接口,该网络接口43通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有报表组件调整程序,所述报表组件调整程序可被至少一个处理器执行,以使所述至少一个处理器执行如上述的报表组件调整方法的步骤。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
显然,以上所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例,附图中给出了本申请的较佳实施例,但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现,相反地,提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明,对于本领域的技术人员来而言,其依然可以对前述各具体实施方式所记载的技术方案进行修改,或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理在本申请专利保护范围之内。
Claims (10)
1.一种报表组件调整方法,其特征在于,所述方法包括:
接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格;
获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中将所述原单元格经过的单元格和当前单元格的样式设置为所述浮动单元格样式,得到浮动单元格;
接收确认指令,将选中的与所述原单元格大小相同的浮动单元格设置为目标单元格;
提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。
2.根据权利要求1所述的报表组件调整方法,其特征在于,所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格包括:
判断所述目标单元格是否为空;
若所述目标单元格为空,则剪切所述原单元格的内容,将所述原单元格的内容粘贴到所述目标单元格;
若所述目标单元格不为空,则提取所述原单元格的内容和所述目标单元格的内容进行交换。
3.根据权利要求1所述的报表组件调整方法,其特征在于,在接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格之后,还包括:
读取选中的单元格的样式字段;
根据样式字段的值,判断所选中的单元格是否为可拖动样式;
若为可拖动样式,则在原单元格上设置预设标识,以展示所述原单元格可拖动。
4.根据权利要求1所述的报表组件调整方法,其特征在于,所述获取预先定义的浮动单元格样式包括:
获取层叠样式表,所述层叠样式表中包括预先定义的浮动单元格样式;
从所述层叠样式表中获取所述浮动单元格样式的字段并配置到所述原单元格经过的单元格以及当前单元格进行展示。
5.根据权利要求4所述的报表组件调整方法,其特征在于,所述获取层叠样式表包括:
根据浏览器的菜单查找编辑菜单;
根据所述编辑菜单得到源文件;
将所述源文件中“.css”字段结尾的文件确定为所述层叠样式表。
6.根据权利要求1所述的报表组件调整方法,其特征在于,所述将选中的与原单元格大小相同的浮动单元格设置为目标单元格包括:
将选中的与原单元格大小相同的浮动单元格样式隐藏,并去除所述与原单元格大小相同的浮动单元格的绑定事件,得到目标单元格。
7.根据权利要求6所述的报表组件调整方法,其特征在于,所述提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格之后,还包括:
删除未选中的浮动单元格的浮动单元格样式。
8.一种报表组件调整装置,其特征在于,包括:
第一接收模块,用于接收单元格的拖动指令,获取用户选中对应的单元格作为原单元格;
获取模块,用于获取预先定义的浮动单元格样式,并在所述原单元格的拖动过程中将所述原单元格经过的单元格和当前单元格的样式设置为所述浮动单元格样式,得到浮动单元格;
第二接收模块,用于将选中的与原单元格大小相同的浮动单元格设置为目标单元格;
调整模块,用于提取所述原单元格的内容,将所述原单元格的内容剪贴或交换到所述目标单元格。
9.一种计算机设备,其特征在于,包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机可读指令,所述计算机可读指令被所述至少一个处理器执行时,使得所述至少一个处理器执行如权利要求1至7中任一项所述的报表组件调整方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被至少一个处理器执行时实现如权利要求1至7中任一项权利要求所述的报表组件调整方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911342197.6A CN111222069B (zh) | 2019-12-23 | 2019-12-23 | 报表组件调整方法、装置及相关设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911342197.6A CN111222069B (zh) | 2019-12-23 | 2019-12-23 | 报表组件调整方法、装置及相关设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111222069A true CN111222069A (zh) | 2020-06-02 |
CN111222069B CN111222069B (zh) | 2023-06-20 |
Family
ID=70827817
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911342197.6A Active CN111222069B (zh) | 2019-12-23 | 2019-12-23 | 报表组件调整方法、装置及相关设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111222069B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112686011A (zh) * | 2020-12-30 | 2021-04-20 | 武汉联影医疗科技有限公司 | 表格单元组互换方法、装置、计算机设备和存储介质 |
CN113760148A (zh) * | 2021-09-08 | 2021-12-07 | 亿览在线网络技术(北京)有限公司 | 一种可编辑列表的生成方法 |
CN114004196A (zh) * | 2021-12-30 | 2022-02-01 | 云账户技术(天津)有限公司 | 一种转换表单数据格式的方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030233257A1 (en) * | 2002-06-13 | 2003-12-18 | Gregor Matian | Interactive patient data report generation |
CN101065723A (zh) * | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | 在表格中显示数据的方法 |
US7383498B1 (en) * | 2002-12-27 | 2008-06-03 | Sap Ag | Editing styles for markup documents using parametrized styles sheets |
CN102722899A (zh) * | 2012-05-28 | 2012-10-10 | 重庆大学 | 一种报表套打系统 |
KR20190021508A (ko) * | 2017-08-22 | 2019-03-06 | (주) 더존비즈온 | 셀 크기 조절 장치 및 방법 |
-
2019
- 2019-12-23 CN CN201911342197.6A patent/CN111222069B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030233257A1 (en) * | 2002-06-13 | 2003-12-18 | Gregor Matian | Interactive patient data report generation |
US7383498B1 (en) * | 2002-12-27 | 2008-06-03 | Sap Ag | Editing styles for markup documents using parametrized styles sheets |
CN101065723A (zh) * | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | 在表格中显示数据的方法 |
CN102722899A (zh) * | 2012-05-28 | 2012-10-10 | 重庆大学 | 一种报表套打系统 |
KR20190021508A (ko) * | 2017-08-22 | 2019-03-06 | (주) 더존비즈온 | 셀 크기 조절 장치 및 방법 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112686011A (zh) * | 2020-12-30 | 2021-04-20 | 武汉联影医疗科技有限公司 | 表格单元组互换方法、装置、计算机设备和存储介质 |
CN113760148A (zh) * | 2021-09-08 | 2021-12-07 | 亿览在线网络技术(北京)有限公司 | 一种可编辑列表的生成方法 |
CN114004196A (zh) * | 2021-12-30 | 2022-02-01 | 云账户技术(天津)有限公司 | 一种转换表单数据格式的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111222069B (zh) | 2023-06-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111222069B (zh) | 报表组件调整方法、装置及相关设备 | |
US11080322B2 (en) | Search methods, servers, and systems | |
CN112631910A (zh) | 前端测试方法、装置、计算机设备及存储介质 | |
CN106874271A (zh) | 一种将pc网页转换为移动终端网页的方法及系统 | |
CN104182430A (zh) | 文本信息中的图片显示方法及装置 | |
CN110795180A (zh) | 二维码管理方法、系统、电子设备及存储介质 | |
CN109634579A (zh) | 代码生成方法、装置、计算机装置及存储介质 | |
CN114996619A (zh) | 一种页面显示的方法、装置、计算机设备及存储介质 | |
CN112650905A (zh) | 基于标签的反爬虫方法、装置、计算机设备及存储介质 | |
CN104899203B (zh) | 一种网页页面的生成方法、装置及终端设备 | |
CN110334163B (zh) | 大数据的地图背景优化方法、装置、设备及存储介质 | |
CN117093386A (zh) | 页面截图方法、装置、计算机设备和存储介质 | |
CN105739717B (zh) | 信息输入方法和装置 | |
US11126410B2 (en) | Method and apparatus for building pages, apparatus and non-volatile computer storage medium | |
CN116774973A (zh) | 数据渲染方法、装置、计算机设备及存储介质 | |
CN111444235A (zh) | 基于Django的数据序列化方法、装置、计算机设备及存储介质 | |
CN115756692A (zh) | 基于样式属性自动组合展示页面的方法及其相关设备 | |
CN111506848A (zh) | 网页处理方法、装置、设备及可读存储介质 | |
CN115712422A (zh) | 表单页面的生成方法、装置、计算机设备及存储介质 | |
CN113268949B (zh) | 基于动态字段的表格展示方法、装置、计算机设备及介质 | |
CN112328940A (zh) | 网页嵌入过渡页的方法、装置、计算机设备及存储介质 | |
CN105373524A (zh) | 演示稿的编辑方法和装置 | |
CN112307378B (zh) | 网络视图展示方法 | |
CN116108814B (zh) | 甘特图处理方法、装置、计算机设备及存储介质 | |
US20240126978A1 (en) | Determining attributes for elements of displayable content and adding them to an accessibility tree |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |