CN102884526B

CN102884526B - 在应用窗口中显示项目

Info

Publication number: CN102884526B
Application number: CN201180022681.6A
Authority: CN
Inventors: E·G·贾丁-斯金纳
Original assignee: International Business Machines Corp
Current assignee: International Business Machines Corp
Priority date: 2010-05-12
Filing date: 2011-05-04
Publication date: 2016-01-13
Anticipated expiration: 2031-05-04
Also published as: WO2011141333A3; CN102884526A; US20130088510A1; US8957912B2; WO2011141333A2; TW201211801A

Abstract

一种在显示设备上的应用窗口中显示一系列项目的方法，所述方法包括以下步骤：在所述应用窗口中呈现所述系列项目的子集；计算每个所呈现项目的垂直大小；计算最小所呈现项目的垂直大小；计算所述应用窗口的高度减去含有所有所呈现项目的元素的垂直大小的差；如果所述差为正，则确定用于添加至所述子集的候选项目，或者如果所述差为负，则确定用于自所述子集移除的候选项目；遍历所述候选项目；通过添加或移除所遍历的候选项目而在所述应用窗口中呈现所述系列项目的新的子集；以及重复此过程的步骤，直至显示可显示的最大数目的项目为止。

Description

在应用窗口中显示项目

技术领域

本发明涉及一种在显示设备上的应用窗口中显示一系列项目的方法。在一个实施例中，本发明可提供一种用于计算在单页HTML表格中可显示的项目的系统及方法。

背景技术

在现代商业计算环境（诸如桌上型计算环境）中，用户会具有附接至计算机的显示设备。所述计算机会运行与显示硬件及软件组件交互的操作系统以控制显示设备的输出。具有不同硬件及软件能力的许多不同的显示设备已存在。存在许多不同大小的具有不同的可使用显示区域的显示设备。计算机通常会经由图形处理单元（亦称作图形卡）来适配显示数据以使其适合显示设备的大小。然而，在许多情况中，将访问并非通过所预想的特定终端显示参数来建立的数据以用于显示。例如，当计算机正在运行网页浏览器或用户正自网站访问数据时，将在并不知晓可使用的显示区域的大小的情况下将所述数据发送至计算机。

在将较长项目列表展现给终端用户时，经常使用分页控件以防止对垂直滚动窗口的需要。这些分页控件经常将具有（例如）一百个项目的列表分割成十个块且然后一次显示一个页，从而允许用户点击控件来在各页之间移动。然而，如果一些项目比其它项目占据更多垂直空间（像素），则产生困难。为实现防止垂直滚动的目的，分页控件必须动态地改变在单个页上所显示的项目的数目以允许较大的项目适合窗口。对于复杂型客户端应用，由于在显示项目之前可计算出大小，解决此困难为简单的事务。对于精简型客户端（例如，在无任何专用插件的情况下在网页浏览器中运行），解决此困难并不容易，这是由于在呈现项目之前并不知晓项目的大小。

美国专利申请2009/0089668（Magnani,J.A.等人，“Systemandmethodofautomaticallysizingandadaptingawidgettoavailablespace”，2009年4月2日）披露了一种智能调整大小的基于浏览器的微件（widget），其使用网页浏览器和网页（所述微件在其中显示）两者提供的信息来实时计算要显示其元素中的哪些元素以及显示比例，以便最有效地利用其可用空间。

因此，改进现有技术为本发明的目的。

发明内容

根据本发明的第一方面，提供一种在显示设备上的应用窗口中显示一系列项目的方法，所述方法包括以下步骤：

a）在所述应用窗口中呈现所述系列项目的子集；

b）将每个所呈现项目的垂直大小计算为最小所呈现项目的垂直大小的整数倍；

c）将所述最小所呈现项目的以像素计的垂直大小计算为含有所有所呈现项目的元素的垂直大小除以所述所呈现项目的垂直大小的在步骤b）中计算的整数值的总和；

d）计算所述应用窗口的高度减去含有所有所呈现项目的所述元素的垂直大小的以像素计的差；

e）如果所述差为正，则确定用于添加至所述子集的候选项目，或者如果所述差为负，则确定用于自所述子集移除的候选项目，候选项目的数目等于在步骤d）中计算的差除以在步骤c）中计算的所述最小所呈现项目的垂直大小；

f）遍历所述候选项目，将每个候选项目的垂直大小计算为所述最小所呈现项目的垂直大小的整数倍，直至所遍历的候选项目的垂直大小的总和等于在步骤d）中计算的差除以在步骤c）中计算的所述最小所呈现项目的垂直大小为止；

g）通过根据步骤e）的结果添加或移除来自步骤f）的所遍历候选项目而在所述应用窗口中呈现所述系列项目的新的子集；及

h）重复步骤b）至g），直至显示可显示的最大数目的项目为止。

根据本发明的第二方面，提供一种用于在显示设备上的应用窗口中显示一系列项目的客户端设备，所述设备被布置为执行以下操作：

a）在所述应用窗口中呈现所述系列项目的子集；

c）将所述最小所呈现项目的以像素计的垂直大小计算为含有所有所呈现项目的元素的垂直大小除以所述所呈现项目的垂直大小的在操作b）中计算的整数值的总和；

e）如果所述差为正，则确定用于添加至所述子集的候选项目，或者如果所述差为负，则确定用于自所述子集移除的候选项目，候选项目的数目等于在操作d）中计算的差除以在操作c）中计算的所述最小所呈现项目的垂直大小；

f）遍历所述候选项目，将每个候选项目的垂直大小计算为所述最小所呈现项目的垂直大小的整数倍，直至所遍历的候选项目的垂直大小的总和等于在操作d）中计算的差除以在操作c）中计算的所述最小所呈现项目的垂直大小为止；

g）通过根据操作e）的结果添加或移除来自操作f）的所遍历候选项目而在所述应用窗口中呈现所述系列项目的新的子集；及

h）重复操作b）至g），直至显示可显示的最大数目的项目为止。

根据另一方面，本发明提供一种用于在显示设备上的应用窗口中显示一系列项目的计算机程序产品，所述计算机程序产品包括：计算机可读存储介质，所述计算机可读存储介质可由处理电路读取并存储由所述处理电路执行以便执行完成本发明的步骤的方法的指令。

根据另一方面，本发明提供一种存储在计算机可读介质上并可载入数字计算机的内部存储器中的计算机程序，所述计算机程序包括软件代码部分，当所述程序在计算机上运行时，所述软件代码部分用于执行本发明的步骤。

有利地，归因于本发明，有可能提供一种在不使用任何专用插件环境的情况下（例如，在使用网页浏览器呈现表格时）重新计算将适合当前页的项目数的方法。在一个实施例中，本发明使用JavaScript及html来实现所述功能性。对于精简型客户端，优点为终端用户不需要任何专用插件。本发明的方法将提供一种用于在无需用户滚动来查看当前未显示的任何项目的情况下，计算可在应用窗口中容纳的项目列表的项目数目的快速且有效的程序。当用户移至所述列表中的另一页时，在该时刻重新计算可显示的项目。

优选地，将每个所呈现项目的垂直大小计算为最小所呈现项目的垂直大小的整数倍的步骤b）包括将每个所呈现项目的垂直大小计算为显示行的数目。可基于以下前提来有效操作所述方法：在此实施例中，每个项目可具有可选的可变长度描述，所述可选的可变长度描述会占据应用窗口的可用显示区域的特定数目个行。最小所呈现项目将具有指派给其的单个行，且所有其它项目将被指派该行数目的整数倍。仅当项目不具有任何可选的描述时，指派给该项目的行数目才可为1。

在此情况下，将所呈现项目的垂直大小计算为显示行数目包括以下计算是有利的：将显示项目的字符长度乘以自字号导出的缩放比例整数、除以应用窗口的以像素计的宽度、四舍五入为整数并加1。可通过测量浏览器中的单个字符来计算所述缩放比例整数（例如，其可为五）。此规则提供一种可藉以近似地计算将指派给项目的行数目的简单且高效的方法。

理想地，所述方法还包括，当在步骤e）中，如果所述差为正而确定用于添加至所述子集的候选项目时，判定是应添加在当前所呈现项目之前还是之后的项目。同样地，所述方法还包括以下操作是有利的：当在步骤e）中，如果所述差为负而确定用于自所述子集移除的候选项目时，判定是应移除在当前所呈现项目的开始还是末端处的项目。一旦判定需要添加项目或自所显示的项目列表移除项目，则通过使用分页信息，可确定应自何处添加/移除项目。

例如，如果正在添加项目且用户在第一页上或已移至下一页，则待添加的项目应来自在当前所呈现的最末项目之后的项目。如果正在添加项目且用户在最末页上或已移至上一页，则待添加的项目应来自在当前所呈现的第一项目之前的项目。如果正在移除项目且用户在第一页上或已移至下一页，则待移除的项目应来自自当前所呈现的最末项目逆序计数的项目。如果正在移除项目且用户在最末页上或已移至上一页，则待移除的项目应来自自当前所呈现的第一项目正序计数的项目。

附图说明

现在将仅通过实例的方式参考附图描述本发明的各实施例，这些附图是：

图1是根据现有技术且可在其中实施本发明的优选实施例的客户端-服务器配置的示意图；

图2是根据现有技术且可在其中实施本发明的优选实施例的显示设备的示意图；

图3、图4及图5是可在其中实施本发明的优选实施例的应用窗口的示意图；以及

图6是可在其中实施本发明的优选实施例的显示一系列项目的方法的流程图。

具体实施方式

在图1中展示客户端-服务器系统的一个实例。客户端设备10（诸如常规计算机或大型计算机终端）经由网络14连接至服务器12。网络14可为局域网或广域网（诸如因特网）。客户端设备10使用常规通信协议（诸如TCP/IP）或任何其它适当通信配置来连接至服务器。服务器12正在托管由计算机10的用户所访问的服务。例如，服务器12可以托管用户正经由在计算机10上运行的网页浏览器应用访问的网站。

由计算机10的显示设备来显示应用窗口16，计算机10的显示设备是用户为访问由服务器12所提供的网站而运行的网页浏览器的图形用户接口。用户在其本地计算机10处执行造成至服务器12的通信的传输及来自服务器12的通信的接收的操作。由服务器12提供的网站12可含有待以表格形式在应用窗口16中显示的信息。这是格式化数据的常用方法，例如在用户经由由服务器12提供的网站对所提供的数据进行搜索之后。

当服务器12将表格（例如，具有一百个项目）提供给客户端设备10时，当前做法是将此表格拆分为具有（例如）十个项目的页。用户接着可浏览这些页且有时可改变要在个别页上展示的项目的数目。当前，如果应用窗口16不够大而不能展示由服务器12所发送的页的全部，则将展示具有十个项目的页的顶部，在应用窗口的一侧上有一个滚动条，使得用户可向下滚动来查看表中当前不可见的那些项目。

图2更详细地展示客户端设备10的显示设备18。正由显示设备18所展示的应用窗口16是用于连接至服务器12的网页浏览器。窗口16正展示由个别项目22构成的表格20。在此实例中，表格20包括均具有相同垂直大小的个别项目22。实际上，在（例如）网页浏览器的应用窗口16内以此方式传输以供显示的许多表格20会具有更多的项目22（多于此处所展示的四个）且经常具有长度及大小可变的项目。

在不要求在应用窗口16的一侧上存在滚动条的情况下，以使尽可能多的项目22适合窗口16的方式来控制应用窗口16以显示表格20。不会以用户需要进一步浏览以查看项目的方式来显示任何项目22。不论以直接方式还是借助专用插件，在无需对网页浏览器的操作的任何修改的情况下实现此情形。这意味着可在不具有大型处理能力的所谓精简型客户端上完成由客户端设备10传输的显示过程。

在所述优选实施例中，通过使用由服务器12所传输的JavaScript程序连同待在表格20中显示的项目22来实现此改进的显示方法。当加载相关网页时，在网页浏览器内以常规方式执行JavaScript程序。绝大多数网页浏览器通常都支持JavaScript语言。在用户浏览针对自服务器12接收的项目22所产生的表格20的页时，所述JavaScript程序将控制项目22在表格20内的显示。

JavaScript程序传输具有一系列步骤的过程。第一步骤（步骤1）为允许浏览器呈现具有五个或某一其它较小数目个项目22的页。第二步骤（步骤2）为接着通过分析待显示的数据来将每个项目22的近似大小计算为最小项目大小的倍数。在此示例中，考虑项目22可具有（或不具有）可变长度描述。使用简单表达式来计算显示项目22所需的近似项目大小或行的数目，其中没有任何描述的一个项目22需要一个行。

如果项目22具有描述，则将显示该项目所需的行数设置为描述长度乘以5（自字号导出的缩放比例整数）再除以窗口宽度的舍位（truncation），再加上1，其中描述长度是项目描述的字符长度，且窗口宽度是可使用的浏览器窗口16以像素计的宽度。所述舍位将计算的结果四舍五入为最接近的整数。其它情况下，对于无任何描述的项目，则显示该项目所需的行的数目等于1。所以，例如，如果存在待呈现的5个项目22，则所计算出的显示这些项目所需的行的数目可能具有以下值：1、3、4、1、2。

图3展示了此实例。按照所述过程的步骤1，在可用显示区域中已呈现大小可变的五个项目22。在所述过程的步骤2中，按照上一段落中的规则，已计算出不同项目22的近似大小。以最小所呈现项目的大小的整数倍的形式来表达所述近似大小。在图3的实例中，最小所呈现项目22为项目1，项目1占据应用窗口16的单个行。项目4亦具有相同大小，且其它项目22具有表达为多个行的大小。

所述方法的第三步骤（步骤3）为计算最小项目的近似大小，其等于含有所有所呈现项目的元素的垂直大小（VSE）（以像素计）除以在步骤2中计算的近似相对项目大小的总和。在图4中说明此情形。可通过JavaScript程序查询网页浏览器以获得VSE及近似相对项目大小的总和，所述总和在此实例中为1+3+4+1+2=11。此计算结果接着给出呈现表格20的一行所需的垂直像素的数目的近似值。由于所述描述中的每个行可能需要不同数目个垂直像素（如每个不同项目的固定内容可能要求如此），此处仅计算近似值。

所述方法中的下一步骤为步骤4，步骤4包括计算窗口高度（可自网页浏览器查询）与VSE之间的差，且可将结果标记为DIFF，如图4所示。所述可变DIFF是应用窗口16的高度与含有所有所呈现项目22的元素VSE之间的差。在第五步骤（步骤5）处，进行检查以确定含有所有所呈现项目的VSE是大于还是小于所述窗口高度。如果所述VSE较小，则继之以需要将更多项目22添加至表格20以增加大小以尽可能多地使用应用窗口16。如果所述VSE较大，则需要移除项目22。

在步骤5期间，需要识别用于添加/移除的候选项目。如果应添加项目且用户在第一页上或已移至下一页，则应考虑DIFF除以在最末所呈现项目之后的项目的最小项目大小数目以用于包括在当前页中。如果应添加项目且用户在最末页上或已移至上一页，则应考虑DIFF除以在第一所呈现项目之前的项目的最小项目大小数目以用于包括在当前页中。如果应移除项目且用户在第一页上或已移至下一页，则应考虑DIFF除以自最末所呈现项目逆序计数的项目的最小项目大小数目以用于自当前页移除。如果应移除项目且用户在末页上或已移至上一页，则应考虑DIFF除以自第一所呈现项目正序计数的项目的最小项目大小数目以用于自当前页移除。

所述方法的第六步骤（步骤6）为遍历所考虑的项目（来自步骤5）且使用在上文步骤2中的算法来对显示这些项目所需的行的数目进行计算及求和。一旦显示这些项目所需的行的数目的总和等于DIFF的值除以最小项目大小，则可终止遍历所考虑的项目，这是由于已有足够项目经考虑以供添加/删除（根据需要）。在第七步骤处（步骤7），取决于步骤5指示项目22的添加还是删除，将包括或移除在步骤6中遍历的数目个项目。

第八步骤（步骤8）接着返回以自步骤2重复，直至命中可在窗口16内显示的项目的最大数目为止。为确定所述循环过程中的停止点，在每次尝试数个项目时保持记录，且仅在一旦已尝试x及x+1个项目（其中x+1使得VSE过大而x过小）时，所述算法才发现项目的正确数目。如果在任何时刻VSE精确地等于窗口高度，则算法亦发现项目的正确数目。图5展示具有另外添加的项目22'的窗口16。

项目22的记录亦用以防止算法再次尝试相同数目个项目22。所以，在上文详述的过程的步骤6中，如果算法已尝试DIFF除以项目22的最小项目大小，则取决于存在过少还是过多项目被显示，所述过程将尝试多一个的项目或少一个的项目。如果所述记录展示其已尝试多一个的项目，则其尝试多两个的项目。以此方式，所述过程找到可在无需对窗口16添加滚动条的情况下适合窗口16的项目22的精确数目。用户可在无需任何另外浏览操作的情况下查看在窗口16中显示的所有项目22。

在图6中展示概括所述方法的流程图。在显示设备18上的应用窗口16中显示一系列项目22的方法包括以下步骤：第一，在应用窗口16中呈现系列项目22的子集的步骤S1。下一步骤为将每个所呈现项目22的垂直大小计算为最小所呈现项目22的垂直大小的整数倍的步骤S2。如上文描述的，这优选地以行来测量。步骤S3包括将最小所呈现项目22的以像素计的垂直大小计算为含有所有所呈现项目的元素的垂直大小（VSE）除以所呈现项目22的垂直大小的在步骤S2中计算的整数值的总和。

继之以计算应用窗口高度减去含有所有所呈现项目22的元素的垂直大小（VSE）的以像素计的差（DIFF）的步骤S4。在图4中具体例示此概念。接着为步骤S5，步骤S5包括确定用于添加至所述子集的那些候选项目（如果所述差为正）或者确定用于自所述子集移除的那些候选项目（如果所述差为负）。在此步骤中，候选项目的数目等于在步骤S4中计算的差除以在步骤S3中计算的最小所呈现项目的垂直大小。以此方式，确定潜在的候选项目。

一旦已选择候选项目，则在步骤S6处，执行以下步骤：遍历所述候选项目，将每个候选项目的垂直大小计算为最小所呈现项目的垂直大小的整数倍，直至所遍历候选项目的垂直大小的总和等于在步骤S4中计算的差除以在步骤S3中计算的最小所呈现项目的垂直大小为止。一旦达到此阈值，则在步骤S7处，通过根据步骤S5的结果添加或移除来自步骤S6的所遍历候选项目而在应用窗口16中呈现所述系列项目22的新的子集。最终，在步骤S8处，重复步骤S2至S7，直至显示出可显示的最大数目个项目为止。

Claims

1.一种在显示设备上的应用窗口中显示一系列项目的方法，所述方法包括以下步骤：

a)在所述应用窗口中呈现所述系列项目的子集；

b)将每个所呈现项目的垂直大小计算为最小所呈现项目的垂直大小的整数倍；

c)将所述最小所呈现项目的以像素计的垂直大小计算为含有所有所呈现项目的元素的垂直大小除以所述所呈现项目的垂直大小的在步骤b)中计算的整数值的总和；

d)计算所述应用窗口的高度减去含有所有所呈现项目的所述元素的垂直大小的以像素计的差；

e)如果所述差为正，则确定用于添加至所述子集的候选项目，或者如果所述差为负，则确定用于自所述子集移除的候选项目，候选项目的数目等于在步骤d)中计算的差除以在步骤c)中计算的所述最小所呈现项目的垂直大小；

f)遍历所述候选项目，将每个候选项目的垂直大小计算为所述最小所呈现项目的垂直大小的整数倍，直至所遍历的候选项目的垂直大小的总和等于在步骤d)中计算的差除以在步骤c)中计算的所述最小所呈现项目的垂直大小为止；

g)通过根据步骤e)的结果添加或移除来自步骤f)的所遍历候选项目而在所述应用窗口中呈现所述系列项目的新的子集；及

h)重复步骤b)至g)，直至显示可显示的最大数目的项目为止。

2.如权利要求1的方法，其中将每个所呈现项目的垂直大小计算为最小所呈现项目的垂直大小的整数倍的步骤b)包括：将每个所呈现项目的垂直大小计算为显示行的数目。

3.如权利要求2的方法，其中将所呈现项目的垂直大小计算为显示行的数目包括以下计算：将显示项目的字符长度乘以自字号导出的缩放比例整数、除以所述应用窗口的以像素计的宽度、四舍五入为整数并加1。

4.如权利要求1、2或3的方法，还包括：当在步骤e)中，如果所述差为正而确定用于添加至所述子集的候选项目时，判定是应添加在当前所呈现项目之前还是之后的项目。

5.如权利要求1、2或3的方法，还包括：当在步骤e)中，如果所述差为负而确定用于自所述子集移除的候选项目时，判定是应移除在当前所呈现项目的开始还是末端处的项目。

6.一种用于在显示设备上的应用窗口中显示一系列项目的客户端设备，所述设备被布置为执行以下操作：

a)在所述应用窗口中呈现所述系列项目的子集；

c)将所述最小所呈现项目的以像素计的垂直大小计算为含有所有所呈现项目的元素的垂直大小除以所述所呈现项目的垂直大小的在操作b)中计算的整数值的总和；

e)如果所述差为正，则确定用于添加至所述子集的候选项目，或者如果所述差为负，则确定用于自所述子集移除的候选项目，候选项目的数目等于在操作d)中计算的差除以在操作c)中计算的所述最小所呈现项目的垂直大小；

f)遍历所述候选项目，将每个候选项目的垂直大小计算为所述最小所呈现项目的垂直大小的整数倍，直至所遍历的候选项目的垂直大小的总和等于在操作d)中计算的差除以在操作c)中计算的所述最小所呈现项目的垂直大小为止；

g)通过根据操作e)的结果添加或移除来自操作f)的所遍历候选项目而在所述应用窗口中呈现所述系列项目的新的子集；及

h)重复操作b)至g)，直至显示可显示的最大数目的项目为止。

7.如权利要求6的设备，其中将每个所呈现项目的垂直大小计算为最小所呈现项目的垂直大小的整数倍的操作b)包括：将每个所呈现项目的垂直大小计算为显示行的数目。

8.如权利要求7的设备，其中将所呈现项目的垂直大小计算为显示行的数目包括以下计算：将显示项目的字符长度乘以自字号导出的缩放比例整数、除以所述应用窗口的以像素计的宽度、四舍五入为整数并加1。

9.如权利要求6、7或8的设备，还被布置为：当在操作e)中，如果所述差为正而确定用于添加至所述子集的候选项目时，判定是应添加在当前所呈现项目之前还是之后的项目。

10.如权利要求6、7或8的设备，还被布置为：当在操作e)中，如果所述差为负而确定用于自所述子集移除的候选项目时，判定是应移除在当前所呈现项目的开始还是末端处的项目。