一种浏览器表格列的调整方法和装置制造方法及图纸

本发明专利技术实施例提供了一种浏览器表格列的调整方法和装置，所述方法包括通过接收用户对浏览器表格列的调整指令，调用预先设置的HTML标签中的容器化组件，通过容器化组件读取浏览器表格列并在容器化组件中生成初始表格列；监听用户针对初始化表格列的操作事件，确定操作事件对应的表格列调整类型并执行相应的调整，生成目标表格列，以提供集多种不同功能的容器化组件于一身的表格装置，增加浏览器表格列的调整灵活性。

【技术实现步骤摘要】
一种浏览器表格列的调整方法和装置
本专利技术涉及网络信息处理
，特别是涉及一种浏览器表格列的调整方法和装置。
技术介绍
随着互联网和B/S(Browser/Service，浏览器/服务器)服务架构的发展，浏览器可以做的功能也越来越多样化，越来越多的应用从传统的C/S(Client/Server，客户端/服务器)模式转换到B/S模式。而表格就是在业务应用中最常见的一种展现数据的形式，随着用户对表格定制化需求的不断增多，表格需要提供的功能也越来越复杂。而目前市场上也有很多表格插件，有的可以编辑单元格，有的可以对表格数据进行分页控制，有的可以固定表格列等。但在OMC(OperationMaintenanceCenter，操作维护中心系统)项目中，数据列的展示可能多达40多列，在这种情况下用户通过滚动条拖动、固定列等方式进行查看，如图1、图2所示，但上述方法灵活性较差，无法满足用户的功能需求。为此，现有技术通过修改源码或更换表格插件的方法对表格功能进行进一步地完善，以满足用户需求。但修改源码的难度较大，更换表格插件可能无法同时满足用户的多个功能需求，使用的灵活性较低。
技术实现思路
本专利技术实施例提供一种浏览器表格列的调整方法，以提高表格调整的灵活性，同时满足用户的多个功能需求。相应的，本专利技术实施例还提供了一种浏览器表格列的调整装置，用于保证上述方法的实现及应用。为了解决上述问题，本专利技术实施例公开了一种浏览器表格列的调整方法，包括：接收用户对浏览器表格列的调整指令；根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；通过所述容器化组件读取所述浏览器表格列，生成初始表格列；监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；根据所述表格列调整类型，调整所述初始表格列；根据调整后的初始表格列，生成目标表格列。可选地，所述操作事件包括在指定位置的鼠标双击事件，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：监听针对所述初始表格列的操作事件；当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。可选地，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。可选地，所述根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列的步骤，包括：检测所述勾选框的勾选状态；若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。可选地，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：监听针对所述初始表格列的操作事件；当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；其中，所述操作事件还包括鼠标松开事件。可选地，当所述表格列调整类型为表格列顺序调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：确定发生所述鼠标松开事件的第一最终位置；根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。可选地，当所述表格列调整类型为表格列宽调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：确定发生所述鼠标松开事件的第二最终位置；根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离；根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。可选地，所述根据调整后的初始表格列，生成目标表格列的步骤，包括：计算所述调整后的初始表格列的顺序；执行画面渲染过程，生成目标表格列。可选地，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。本专利技术实施例还提供了一种浏览器表格列的调整装置，包括：调整指令接收模块，用于接收用户对浏览器表格列的调整指令；HTML标签调用模块，用于根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；初始表格列生成模块，用于通过所述容器化组件读取所述浏览器表格列，生成初始表格列；调整类型确定模块，用于监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；表格列调整模块，用于根据所述表格列调整类型，调整所述初始表格列；目标表格列生成模块，用于根据调整后的初始表格列，生成目标表格列。可选地，所述操作事件包括在指定位置的鼠标双击事件，所述调整类型确定模块包括：第一操作事件监听单元，用于监听针对所述初始表格列的操作事件；第一调整类型确定单元，用于当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。可选地，所述表格列调整模块包括：功能列表生成单元，用于生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；初始表格列调整单元，用于根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。可选地，所述初始表格列调整单元包括：勾选状态检测子单元，用于检测所述勾选框的勾选状态；初始表格列显示子单元，用于若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；初始表格列隐藏子单元，用于若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。可选地，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述调整类型确定模块包括：第二操作事件监听单元，用于监听针对所述初始表格列的操作事件；初始位置检测单元，用于当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；第二调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；第三调整类型确定单元，用于若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；其中，所述操作事件还包括鼠标松开事件。可选地，当所述表格列调整类型为表格列顺序调整时，所述表格本文档来自技高网...

【技术保护点】
1.一种浏览器表格列的调整方法，其特征在于，包括：/n接收用户对浏览器表格列的调整指令；/n根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；/n通过所述容器化组件读取所述浏览器表格列，生成初始表格列；/n监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；/n根据所述表格列调整类型，调整所述初始表格列；/n根据调整后的初始表格列，生成目标表格列。/n

【技术特征摘要】
1.一种浏览器表格列的调整方法，其特征在于，包括：
接收用户对浏览器表格列的调整指令；
根据所述调整指令调用预先设置的HTML标签；其中，所述HTML标签包括容器化组件；
通过所述容器化组件读取所述浏览器表格列，生成初始表格列；
监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型；
根据所述表格列调整类型，调整所述初始表格列；
根据调整后的初始表格列，生成目标表格列。


2.根据权利要求1所述的方法，其特征在于，所述操作事件包括在指定位置的鼠标双击事件，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：
监听针对所述初始表格列的操作事件；
当监听到在指定位置的鼠标双击事件时，确定所述表格列调整类型为表格列部分显示。


3.根据权利要求2所述的方法，其特征在于，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：
生成所述初始表格列的功能列表；其中，所述功能列表包括勾选框，每个所述勾选框对应初始表格列的一列；
根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列。


4.根据权利要求3所述的方法，其特征在于，所述根据所述勾选框的勾选状态，调整所述勾选框对应的初始表格列的步骤，包括：
检测所述勾选框的勾选状态；
若所述勾选框的勾选状态为已勾选，则显示所述勾选框对应的初始表格列；
若所述勾选框的勾选状态为未勾选，则隐藏所述勾选框对应的初始表格列。


5.根据权利要求1所述的方法，其特征在于，所述操作事件还包括鼠标按下事件，所述初始表格列包括表格边框和边框内容，所述监听针对所述初始表格列的操作事件，确定所述操作事件对应的表格列调整类型的步骤，包括：
监听针对所述初始表格列的操作事件；
当监听到鼠标按下事件时，检测所述鼠标按下事件的初始位置；
若所述鼠标按下事件的初始位置在所述表格边框与边框内容之间，则确定所述表格列调整类型为表格列顺序调整；
若所述鼠标按下事件的初始位置在所述表格边框之外，则确定所述表格列调整类型为表格列宽调整；
其中，所述操作事件还包括鼠标松开事件。


6.根据权利要求5所述的方法，其特征在于，当所述表格列调整类型为表格列顺序调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：
确定发生所述鼠标松开事件的第一最终位置；
根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第一最终位置，确定所述初始表格列的移动方向和移动列数；
根据所述初始表格列的移动方向和移动列数，移动所述初始表格列。


7.根据权利要求5所述的方法，其特征在于，当所述表格列调整类型为表格列宽调整时，所述根据所述表格列调整类型，调整所述初始表格列的步骤，包括：
确定发生所述鼠标松开事件的第二最终位置；
根据所述鼠标按下事件的初始位置与所述鼠标松开事件的第二最终位置，确定所述初始表格列的列宽调整距离；
根据所述初始表格列的列宽调整距离，调整所述初始表格列的列宽。


8.根据权利要求1所述的方法，其特征在于，所述根据调整后的初始表格列，生成目标表格列的步骤，包括：
计算所述调整后的初始表格列的顺序；
执行画面渲染过程，生成目标表格列。


9.根据权利要求1所述的方法，其特征在于，所述HTML标签还包括可扩展HTML标签，所述可扩展HTML标签包括可编程的容器化组件。


10.一种浏览器表格列的调整装置，其特征在于，包括：
调整指令接收模块，用于接收用户对浏览器表格列的调整指令；
HTML标签调用模块...

【专利技术属性】
技术研发人员：周思瑶，
申请(专利权)人：大唐移动通信设备有限公司，
类型：发明
国别省市：北京;11