网页表格编辑方法及装置制造方法及图纸

技术编号:15269787 阅读:50 留言:0更新日期:2017-05-04 06:59
本发明专利技术公开了一种网页表格编辑方法及装置,涉及网络技术领域,解决了网页表格编辑效率低的问题。本发明专利技术的主要技术方案为:首先接收网页表格编辑指令,所述网页表格编辑指令用于将网页表格从显示状态切换至编辑状态,当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格,当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。本发明专利技术主要用于编辑网页表格数据。

【技术实现步骤摘要】

本专利技术涉及网络
,尤其涉及一种网页表格编辑方法及装置
技术介绍
随着网络技术的快速发展,网页中表格的应用已经非常普遍,网页表格已在很多业务系统中已经有所实现。其中,网页表格不但可以显示数据,还可以进行数据的编辑,而对网页表格中数据的编辑,则可以通过点击表格上的编辑按钮来实现,单击编辑按钮后,表格中所有单元格从文本显示状态切换到输入框编辑状态,此时用户可以在需要编辑的表单输入框中编辑单元格中数据,编辑完之后单击网页表格中的保存按钮,即完成表格数据的编辑工作。目前,若网页表格中存在多个单元格需要做同样的编辑操作,则需要用户手动的对多个单元格分别进行编辑,然而由于对多个单元格分别进行编辑操作起来较为繁琐,因此现有的网页表格编辑的效率低。
技术实现思路
有鉴于此,本专利技术实施例提供一种网页表格编辑方法及装置,主要目的是提高网页表格编辑的效率。为达到上述目的,本专利技术主要提供如下技术方案:一方面,本专利技术实施例提供了一种网页表格编辑方法,该方法包括:接收网页表格编辑指令,所述网页表格编辑指令用于将网页表格从显示状态切换至编辑状态;当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格;当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。另一方面,本专利技术实施例还提供一种网页表格编辑装置,该装置包括:接收单元,用于接收网页表格编辑指令,所述网页表格编辑指令用于将网页表格从显示状态切换至编辑状态;记录单元,用于当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格;编辑单元,用于当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。借由上述技术方案,本专利技术实施例提供的技术方案至少具有下列优点:本专利技术实施例提供了一种网页表格编辑方法及装置,首先接收网页表格编辑指令,所述网页表格编辑指令用于将网页表格从显示状态切换至编辑状态,当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格,当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。与目前对需要做同样的编辑操作的单元格进行逐个编辑相比,本专利技术实施例首先接收网页表格编辑指令,当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格,当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中,从而实现了对需要做同样的编辑操作的单元格的同步编辑,进而提高了网页表格的编辑效率。附图说明为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。图1为本专利技术实施例提供的一种网页表格编辑方法流程图;图2为本专利技术实施例提供的另一种网页表格编辑方法流程图;图3为本专利技术实施例提供的一种网页表格编辑装置的组成框图;图4为本专利技术实施例提供的另一种网页表格编辑装置的组成框图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。为使本专利技术技术方案的优点更加清楚,下面结合附图和实施例对本专利技术作详细说明。本专利技术实施例提供了一种网页表格编辑方法,如图1所示,所述方法包括:101、接收网页表格编辑指令。其中,所述网页表格编辑指令用于将网页表格从显示状态切换至编辑状态。在本专利技术实施例中,在网页中使用标准的HTML(HyperTextMarkupLanguage,超文本标记语言)代码创建表格,并根据网页表格的业务需求显示相应的表格数据。用户编辑表格前可以单击表格编辑按钮让网页表格从显示状态切换到表格编辑状态,以此方便用户进行单元格数据的编辑,用户编辑完表格数据后可单击表格保存按钮,以此保存修改之后的表格数据,所以在网页中创建完表格后,还需要使用标准的HTML代码创建2个按钮,分别为表格编辑按钮和表格保存按钮,以此实现网页表格的编辑指令和保存指令。在本专利技术实施例中,在网页表格的单元格内添加表单编辑输入框,可以通过在单元格DOM中插入表单输入框的HTML代码即可。例如,单元格HTML代码如下:<td>中国</td>,则添加了表单输入框的单元格HTML代码如下:<td><inputtype=”text”value=”中国”/></td>。102、当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格。其中,所述预置快捷键可以根据用户实际操作需求进行设置,具体可以为Ctrl键、Shift键或Alt键等,本专利技术实施例不做具体限定。例如,当所述预置快捷键为Ctrl键按时,判断用户是否在Ctrl键按下的同时鼠标单击了表格单元格中的表单输入框,可以定义一个全局变量ctrlKeyDown,并将全局变量ctrlKeyDown的初始值设为false,false代表Ctrl键没有按下;当Ctrl键按下的时候将ctrlKeyDown值设为true,true代表Ctrl键按下了,如果用户按下Ctrl键后又松开了,再将ctrlKeyDown值设为false,代表Ctrl键没有被按下。然后在表单输入框的鼠标单击事件处理函数里面,通过判断变量ctrlKeyDown的值是否为true,就能实现Ctrl键被按下时鼠标单击表格中表单输入框这一特殊状态的检测。在本专利技术实施例中,当Ctrl键按下及用户鼠标单击表格中的表单输入框的同时,需要记录被单击表单输入框所在的单元格,以实现后续进行同步编辑多个单元格中的内容。需要说明的是,记录网页表格中被用户选中的单元格,可以通过定义一个一维数组selectedCells来实现,将被选中的单元格保存到该数组中。103、当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。对于本专利技术实施例,用户在单元格中的表单输入框中编辑数据时,必然会按下键盘按键,所以当用户在表单输入框中编辑数据时,可以捕获到这一事件,然后通过javascript获取被编辑的表单输入框中的数据,并将获取到的数据同步更新到其它被选中的表单输入框中。需要说明的是,由于被选中的其它单元格保存在了一维数组中,因此可以通过javascript从一维数组中获取被选中的单元格对应的表单输入框,然后使用javascript将被编辑的数据同步编辑到其他选中的表单输入框,即可实现网页表格中一个单元格内编辑数据同步更新到其它被选中的单元格中。在本专利技术实施例中,首先接收网页表格编辑指令,当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格,当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。在本发本文档来自技高网...
网页表格编辑方法及装置

【技术保护点】
一种网页表格编辑方法,其特征在于,包括:接收网页表格编辑指令,所述网页表格编辑指令用于将网页表格从显示状态切换至编辑状态;当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格;当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。

【技术特征摘要】
1.一种网页表格编辑方法,其特征在于,包括:接收网页表格编辑指令,所述网页表格编辑指令用于将网页表格从显示状态切换至编辑状态;当存在预置快捷键和鼠标按键同时触发指令时,记录所述鼠标按键触发的多个单元格;当接收到记录的多个单元格中的任一单元格中编辑的数据时,将所述数据同步编辑到其它记录的单元格中。2.根据权利要求1所述的网页表格编辑方法,其特征在于,所述记录所述鼠标按键触发的多个单元格包括:通过预置功能函数记录所述鼠标按键触发的多个单元格。3.根据权利要求2所述的网页表格编辑方法,其特征在于,所述方法还包括:当存在预置快捷键和鼠标按键同时触发指令时,对所述鼠标按键触发的单元格添加已选中标记。4.根据权利要求3所述的网页表格编辑方法,其特征在于,所述将所述数据同步编辑到其它记录的单元格中之后,所述方法还包括:当接收到网页表格数据保存指令时,将所述鼠标按键触发的多个单元格中编辑的数据进行保存;将所述网页表格从编辑状态切换至显示状态。5.根据权利要求1-4任一所述的网页表格编辑方法,其特征在于,所述预置快捷键包括多个快捷按键,所述方法还包括:当存在任一快捷按键和鼠标按键同时触发指令时,记录所述任一快捷按键
\t和鼠标按键同时触发的多个单元格。6.根据权利要求5所述的网页表格编辑方法...

【专利技术属性】
技术研发人员:程水强
申请(专利权)人:北京国双科技有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1