CN107479807B - 一种iop平台表格列的显示隐藏方法 - Google Patents
一种iop平台表格列的显示隐藏方法 Download PDFInfo
- Publication number
- CN107479807B CN107479807B CN201710686927.9A CN201710686927A CN107479807B CN 107479807 B CN107479807 B CN 107479807B CN 201710686927 A CN201710686927 A CN 201710686927A CN 107479807 B CN107479807 B CN 107479807B
- Authority
- CN
- China
- Prior art keywords
- display
- columns
- value
- hiding
- showhidecolumns
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 22
- 230000002452 interceptive effect Effects 0.000 abstract description 3
- 230000000694 effects Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 235000014510 cooky Nutrition 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
Abstract
一种IOP平台表格列的显示隐藏方法，包括以下步骤：首先在初始化表格时输入参数，然后根据参数判断表格中需要开启或关闭列的显示、列的展示形式，再根据列的展示形式以及列名、列对应的index值，生成相应的html输出至所述表格中使用。本发明通过在初始化表格时输入参数，以及生成表格后根据输入参数值生成对应形式的显示隐藏列功能的展示形式。这样对于列过多或过长而需要通过拉滚动条，才能看到后面列信息的表格，用户可以通过隐藏一些列，从而可以根据实际需求选择查看和显示相应列的信息，用户可以根据自己的需要查看一些列的信息，不需要在一直拖动滚动去查看信息，大大提高了平台用户的交互体验。
Description
技术领域
本发明涉及一种数据的显示隐藏控制方法，尤其涉及一种IOP平台表格列的显示隐藏方法
背景技术
近年来随着大数据、云计算的发展，基于大数据的云计算平台IOP应用的也越来越广泛，有很多的云平台项目中的信息以表格的形式展示。
由于需要展示的信息太多，而表格的宽度最大值是基于屏幕的分辨率适配的，因此，使用时就会出现表格宽度较大，导致表格一侧的信息需要通过拉动滚动条才能显示在屏幕中。当用户关注的信息一个在表格的右侧、另一在左侧时，就需要反复拉动滚动条进行阅读，这样就大大降低了平台的用户体验感。
现有技术中为了解决上述问题，一般有两种处理方法：
一种是采用分屏或分页显示；这种显示方法将导致表格会显示在一个或多个页面中，仍然会导致显示和操作不方便，导致表格的可读性和可操作性差，进而影响用户的使用满意度。
另外一种就是将表格通过预设程序进行缩小，以使表格和屏幕适配；这种通过缩小以全部显示的方法，显然降低了表格的美观度和显示效果，当表格缩小的比例过大时导致用户无法获知表格显示的内容；另外，当表格的内容较多数据较大时，也会影响显示和操作的效率。
如中国专利(申请号CN2014108421916)公开了一种“表格显示方法及显示设备”，所述方法包括：当表格在第一显示方向的第一间距大于第一显示区域在所述第一显示方向的第二间距时，显示第一类信息单元；所述表格在所述第一显示方向上包括N个信息单元；所述第一类信息单元为第1信息单元至第N信息单元之间至少一个指定的信息单元；所述N为不小于2的整数；接收用于控制所述第一显示区域内显示内容在所述第一显示方向上运动的第一操作；所述显示内容包括所述表格；依据所述第一操作，选择并显示部分第二类信息单元；及所述第二类信息单元包括所述表格中除所述第一类信息单元以外的信息单元。该方法通过将需要显示的表格信息分类，以解决表格显示和屏幕适配的问题，但在显示效果和交互性上依然不足，不便于用户进行操作和使用。
发明内容
本发明提供了一种IOP平台表格列显示隐藏方法，该发明可以对表格展示出的列进行隐藏以及显示，用户可以根据自己的需要查看一些列的信息，不需要在一直拖动滚动去查看信息，大大提高了平台用户的交互体验。
本发明通过以下技术方案予以实现：
一种IOP平台表格列的显示隐藏方法，包括以下步骤：
首先在初始化表格时输入参数，然后根据参数判断表格中需要开启或关闭列的显示、列的展示形式，再根据列的展示形式以及列名、列对应的index值，生成相应的html输出至所述表格中使用。
如上所述的一种IOP平台表格列的显示隐藏方法，初始化表格时输入的所述参数包括showHideColumns和showHideType，showHideColumns的默认值为false，表示为不开启列的显示隐藏；showHideType的默认值为‘list’，表示为下拉列表的形式展示。
如上所述的一种IOP平台表格列的显示隐藏方法，所述showHideColumns值类型包括布尔型与数组类型，所述showHideType值为字符串类型。
如上所述的一种IOP平台表格列的显示隐藏方法，在生成表格后，读取输入的showHideColumns并进行判断，当showHideColumns值为true，则开启所述表格列的显示隐藏功能；当showHideColumns值为false，则禁用此功能；当showHideColumns值为其他值时，则开启所述表格中相应列的显示隐藏功能。
如上所述的一种IOP平台表格列的显示隐藏方法，读取输入的showHideType值并进行判断，当showHideType值为button，则依据所述showHideColumns值获得需要显示隐藏功能的列，并分别获取列名与列的index值，生成各个对应列显示或隐藏控制开关并输入到表格上；当showHideType值为list，则在所述表格的下拉框里生成各个对应列的列表项。
与现有技术相比，本发明的优点是：
本发明通过在初始化表格时输入参数，以及生成表格后根据输入参数值生成对应形式的显示隐藏列功能的展示形式。这样对于列过多或过长而需要通过拉滚动条，才能看到后面列信息的表格，用户可以通过隐藏一些列，从而可以根据实际需求选择查看和显示相应列的信息，不用通过拉滚动条去看，尤其在用户需要对比列信息的时候，可以大大提高平台的用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍。
图1是本发明的流程图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。
如图1所示，本实施例一种IOP平台表格列的显示隐藏方法，包括以下步骤：首先在初始化表格时输入参数，然后根据参数判断表格中需要开启或关闭列的显示、列的展示形式，再根据列的展示形式以及列名、列对应的index值，生成相应的html输出至所述表格中使用。
具体而言，本实施例利用浏览器的cookie与sessionStorage对IOP平台的URL在页面跳转前进行权限过滤，以及登录失效后重新登录后的跳转控制，主要包括如下几个步骤：
步骤一：在初始化表格时，传入参数配置项showHideColumns与showHideType。showHideColumns的值有两种类型，分别为布尔型与数组类型，showHideType的值为字符串类型。showHideColumns默认值为false，即不开启列的显示隐藏。showHideType的默认值为‘list’，即下拉列表的形式展示；
步骤二：在生成表格后，读取传入的参数配置项showHideColumns与showHideType。若showHideColumns的值为true，则开启表格列的显示隐藏功能；若为false则禁用此功能；除这两种值外，还有第三种类型的值数组形式，如[2，3，5]，这种形式表明只开启这几列的显示与隐藏；
步骤三：读取showHideType的值，若值为“button”，则根据showHideColumns的值得出需要显示隐藏功能的列，获取列名与列的index值，生成各个对应各个列的按钮放到表格上方，通过点击显示隐藏该按钮对应的列。同理，若为“list”则在表格的下拉框里生成对应各个列的列表项，然后用户可以通过操作显示隐藏该项对应的列。
本发明可以对表格展示出的列进行隐藏以及显示，用户可以根据自己的需要查看一些列的信息，不需要在一直拖动滚动去查看信息，大大提高了平台用户的交互体验。
本发明未详尽描述的技术内容均为公知技术。
Claims (2)
1.一种IOP平台表格列的显示隐藏方法，其特征在于，包括以下步骤：
首先在初始化表格时输入参数，然后根据参数判断表格中需要开启或关闭列的显示、列的展示形式，再根据列的展示形式以及列名、列对应的index值，生成相应的html输出至所述表格中使用；
初始化表格时输入的所述参数包括showHideColumns和showHideType，showHideColumns的默认值为false，表示为不开启列的显示隐藏；showHideType的默认值为‘list’，表示为下拉列表的形式展示；
在生成表格后，读取输入的showHideColumns并进行判断，当showHideColumns值为true，则开启所述表格列的显示隐藏功能；当showHideColumns值为false，则禁用此功能；当showHideColumns值为其他值时，则开启所述表格中相应列的显示隐藏功能；
读取输入的showHideType值并进行判断，当showHideType值为button，则依据所述showHideColumns值获得需要显示隐藏功能的列，并分别获取列名与列的index值，生成各个对应列显示或隐藏控制开关并输入到表格上；当showHideType值为list，则在所述表格的下拉框里生成各个对应列的列表项。
2.根据权利要求1所述的一种IOP平台表格列的显示隐藏方法，其特征在于，所述showHideColumns值类型包括布尔型与数组类型，所述showHideType值为字符串类型。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710686927.9A CN107479807B (zh) | 2017-08-11 | 2017-08-11 | 一种iop平台表格列的显示隐藏方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710686927.9A CN107479807B (zh) | 2017-08-11 | 2017-08-11 | 一种iop平台表格列的显示隐藏方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107479807A CN107479807A (zh) | 2017-12-15 |
| CN107479807B true CN107479807B (zh) | 2020-08-11 |
Family
ID=60599371
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710686927.9A Active CN107479807B (zh) | 2017-08-11 | 2017-08-11 | 一种iop平台表格列的显示隐藏方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107479807B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109271618B (zh) * | 2018-08-30 | 2023-09-26 | 浪潮通用软件有限公司 | 一种可记忆用户操作习惯的表格组件实现方法 |
| CN109614591B (zh) * | 2018-11-19 | 2023-11-14 | 创新先进技术有限公司 | 一种表格的交互展示方法、装置及电子设备 |
Family Cites Families (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7228504B2 (en) * | 2003-05-30 | 2007-06-05 | Lucent Technologies Inc. | Apparatus and method enabling configurable graphical display of table-based data in a web-based application |
| CN101065723A (zh) * | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | 在表格中显示数据的方法 |
| CN101359322A (zh) * | 2008-07-30 | 2009-02-04 | 金蝶软件（中国）有限公司 | 一种表格显示方法及装置 |
| CN102081635A (zh) * | 2009-11-27 | 2011-06-01 | 英业达股份有限公司 | 可提供有效信息的知识管理系统 |
| CN103176702B (zh) * | 2011-12-22 | 2016-03-02 | 北大方正集团有限公司 | 一种应用于b/s结构的表格类信息显示、操作方法 |
| CN102902767A (zh) * | 2012-09-25 | 2013-01-30 | 北京科东电力控制系统有限责任公司 | 一种表格快速搭建的方法及系统 |
| US9720896B1 (en) * | 2013-12-30 | 2017-08-01 | Google Inc. | Synthesizing union tables from the web |
| CN105573610B (zh) * | 2014-10-14 | 2019-01-18 | 珠海金山办公软件有限公司 | 一种电子表格操作方法及装置 |
| CN105808110B (zh) * | 2014-12-30 | 2020-04-07 | 腾讯科技（北京）有限公司 | 表格显示方法及显示设备 |
| CN106940615A (zh) * | 2016-01-05 | 2017-07-11 | 阿里巴巴集团控股有限公司 | 一种表格处理方法及装置、用户设备 |
-
2017
- 2017-08-11 CN CN201710686927.9A patent/CN107479807B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN107479807A (zh) | 2017-12-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10878175B2 (en) | Portlet display on portable computing devices | |
| US20140380229A1 (en) | System, method and user interface for designing customizable products from a mobile device | |
| KR102369604B1 (ko) | 고정 포맷 문서를 리플로우 포맷으로 프리젠트하는 기법 | |
| US20140359412A1 (en) | Mode identification for selective document content presentation | |
| US20060015846A1 (en) | Portal friendly user interface widgets | |
| US20080307308A1 (en) | Creating Web Clips | |
| CN102819560A (zh) | 一种网页中图片的显示方法和装置 | |
| WO2009143301A1 (en) | Systems and methods for realtime creation and modification of a disabled user compliant video player | |
| JP2008108280A (ja) | 遠隔制御装置によるハイパーテキスト・オブジェクト間のナビゲーションが可能なウェブ・ブラウザ | |
| CN107533568B (zh) | 确定应用缩放等级的系统和方法 | |
| US20180253223A1 (en) | Browser function bar display method, apparatus, and processing device | |
| CN107479807B (zh) | 一种iop平台表格列的显示隐藏方法 | |
| US8271866B2 (en) | User-controlled web browser table reduction | |
| CN106469036A (zh) | 信息显示方法及客户端 | |
| CN105739962B (zh) | 基于html的表格单元格编辑器控件扩展方法和系统 | |
| JP2013101609A (ja) | クライアント装置およびクライアント制御プログラム | |
| US11763505B2 (en) | Systems and methods for applying effects to design elements | |
| WO2005059731A1 (en) | Creating responses for an electronic pen-computer multimedia interactive system | |
| WO2017074333A1 (en) | Adjusting presentation of a user interface | |
| CN112507257A (zh) | 一种网页显示方法、装置、设备以及存储介质 | |
| Mohamed et al. | Responsive web design inFluid grid concept literature survey | |
| JP6085448B2 (ja) | コンテンツ画像表示装置、コンテンツ画像表示方法及びコンテンツ画像表示プログラム | |
| US11127177B2 (en) | Technology for generating product designs using multiple canvases | |
| US20220004698A1 (en) | Information processing apparatus, information processing method, and storage medium | |
| KR100847943B1 (ko) | 전자 펜-컴퓨터 멀티미디어 대화형 시스템을 위한 응답생성 |
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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20200525 Address after: 250101 floor 27, S01, Inspur Science Park, No. 1036, Inspur Road, Jinan City, Shandong Province Applicant after: Tidal Cloud Information Technology Co.,Ltd. Address before: 450018 Henan province Zheng Dong New District of Zhengzhou City Xinyi Road No. 278 16 floor room 1601 Applicant before: ZHENGZHOU YUNHAI INFORMATION TECHNOLOGY Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| CB02 | Change of applicant information |
Address after: 27th floor, S01 building, Inspur Science Park, 1036 Inspur Road, hi tech Zone, Jinan City, Shandong Province Applicant after: Inspur cloud Information Technology Co., Ltd Address before: 250101 floor 27, S01, Inspur Science Park, No. 1036, Inspur Road, Jinan City, Shandong Province Applicant before: Tidal Cloud Information Technology Co.,Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |