字段的显示方法及装置与流程

本发明涉及通信领域，具体而言，涉及一种字段的显示方法及装置。

背景技术：

随着互联网的高速发展，网页(WEB)相关技术日渐成熟，应用几乎统治了绝大部分的软件应用系统，各种企业级的应用系统都转向WEB化，通过WEB浏览器访问服务器的方式实现业务流程。为了用户界面(User Interface，简称为UI)的统一、美观，特发明一种WEB界面上表示不可编辑的方法。

在各种WEB应用的表单中诚信各种类型的UI组件，一般都采用一是直接以超级文本标记语言(HyperText Markup Language，简称为HTML)的方式来表达，一是采用第三方的脚本(JavaScript)组件来表达。

在HTML语法中输入(input)标签有只读(readonly)属性，readOnly属性就是表示该组件是否可编辑。而使用readonly属性设置为真(true)时，界面上表现出来的却是根据input标签的类型(type)属性的值不同而不同。比如，type属性的值为文本(text)时，设置readonly属性的值为true则界面上仍然显示为text类型的文本框，只是该文本框不可编辑；type属性的值为选择(select)时，设置readonly的属性值为true，则界面仍然显示为select类型的下拉选择框，只是该下拉选择框不可编辑而已。其他的，比如复选框(checkbox)，单选框(radio)，文本区(textarea)等等，都是一样的，在不可编辑的界面仍然以checkbox、radio、textarea的方式显示，只是显示出来的控件不可编辑而已，如图1所示。

目前网络上有很多第三方的JavaScript组件库，其针对提供的各种界面组件也有是否可编辑的属性或者方法，比如禁用(disable)属性或者设置禁用(Set Disable)方法等。这些方法或者属性最终在实现的时候，几乎也是采用设置当前input标签的readonly属性为true。这样实现的结果与直接使用HTML来表达各种表单组件的不可编辑状态时，呈现效果完全一样。

本发明的发明人在研究过程中发现，针对不同浏览器实现不可编辑字段的显示是不同的，目前有很多种不同的WEB浏览器，如网络探路者(Internet Explorer，简称为IE),谷歌浏览器(Chrome),火狐浏览器(FireFox)等，不同浏览器还存在不同的版本。各个浏览器解析标签的具体实现都可能存在不同，从而导致，各个浏览器显示的界面可能存在不同。在不同的type类型下，显示的不可编辑样式也不相同，各种样式都有，完全不统一。

针对相关技术无法统一表示不可编辑字段的问题，目前没有提出有效的解决方案。

技术实现要素：

为了解决上述技术问题，本发明提供了一种字段的显示方法及装置。

根据本发明的一个方面，提供了一种字段的显示方法，包括：记录字段的原始属性信息和可编辑性标识；判断所述可编辑性标识是否为不可编辑标识；在所述可编辑性标识为不可编辑标识的情况下，根据所述原始属性信息，生成预设字段类型的属性信息；根据所述预设字段类型的属性信息，显示所述字段。

优选地，所述预设字段类型包括：静态文本类型。

优选地，记录所述字段的所述原始属性信息和所述可编辑性标识包括：检查所述字段的原始属性信息以及所述字段的可编辑性，其中，所述原始属性信息至少包括：字段标题、字段内容、字段类型、宽度；根据所述字段的所述可编辑性，标记所述字段的可编辑性标识；缓存所述字段的所述原始属性信息以及所述字段的可编辑性标识。

优选地，检查所述字段的原始属性信息包括：检查所述字段的所述原始属性信息的有效性；将检查结果为无效的所述原始属性信息设置为预设值。

优选地，所述预设字段类型的属性信息包括：字段标题、字段内容、字段类型、宽度、字段的下边框显示信息。

优选地，在所述可编辑性标识为不可编辑标识的情况下，根据所述原始属性信息，生成所述预设字段类型的属性信息包括：根据所述字段的所述原始属性信息，确定所述可编辑性标识为不可编辑标识的所述字段的待显示的字段内容；根据所述待显示的字段内容，确定所述预设字段类型的属性信息中的字段内容。

优选地，在根据所述预设字段类型的属性信息，显示所述字段之后，所述方法还包括：检测所述字段的可编辑性标识由不可编辑标识转换为可编辑标识；获取所述字段的所述原始属性信息；根据所述原始属性信息，显示所述字段。

根据本发明的另一个方面，还提供了一种字段的显示装置，包括：记录模块，用于记录字段的原始属性信息和可编辑性标识；判断模块，用于判断所述可编辑性标识是否为不可编辑标识；生成模块，用于在所述可编辑性标识为不可编辑标识的情况下，根据所述原始属性信息，生成预设字段类型的属性信息；第一显示模块，用于根据所述预设字段类型的属性信息，显示所述字段。

优选地，所述生成模块包括：第一确定单元，用于根据所述字段的所述原始属性信息，确定所述可编辑性标识为不可编辑标识的所述字段的待显示的字段内容；第二确定单元，用于根据所述待显示的字段内容，确定所述预设字段类型的属性信息中的字段内容。

优选地，所述装置还包括：检测模块，用于检测所述字段的可编辑性标识由不可编辑标识转换为可编辑标识；获取模块，用于获取所述字段的所述原始属性信息；第二显示模块，用于根据所述原始属性信息，显示所述字段。

通过本发明，采用记录字段的原始属性信息和可编辑性标识；判断可编辑性标识是否为 不可编辑标识；在可编辑性标识为不可编辑标识的情况下，根据原始属性信息，生成预设字段类型的属性信息；根据预设字段类型的属性信息，显示字段的方式，解决了无法统一表示不可编辑字段的问题，实现了不可编辑字段的统一显示。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据相关技术的字段的显示的示意图；

图2是根据本发明实施例的字段的显示方法的流程图；

图3是根据本发明实施例的字段的显示装置的结构示意图；

图4是根据本发明优选实施例的字段的显示装置的优选结构示意图一；

图5是根据本发明优选实施例的字段的显示装置的优选结构示意图二；

图6是根据本发明优选实施例的字段的显示的优选示意图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

本发明实施例提供了一种字段的显示方法，图2是根据本发明实施例的字段的显示方法的流程图，如图2所示，该流程包括如下步骤：

步骤S202，记录字段的原始属性信息和可编辑性标识；

步骤S204，判断可编辑性标识是否为不可编辑标识；

步骤S206，在可编辑性标识为不可编辑标识的情况下，根据原始属性信息，生成预设字段类型的属性信息；

步骤S208，根据预设字段类型的属性信息，显示字段。

通过上述步骤，根据不可编辑字段的原始属性信息统一生成预设字段类型的属性信息，可以将不可编辑字段以统一的形式显示出来。可见，通过上述步骤，解决了无法统一表示不可编辑字段的问题，实现了不可编辑字段的统一显示。

优选地，上述步骤可以由JavaScript来实现。

优选地，在上述步骤S206中，为了使不可编辑的字段类型得到统一，需要根据不可编辑的字段的原始属性信息，生成预设字段类型的属性信息，其中，生成预设字段类型包括：静态文本类型。

优选地，上述步骤S202包括：检查字段的原始属性信息以及字段的可编辑性；根据字段的可编辑性，标记字段的可编辑性标识；缓存字段的原始属性信息以及字段的可编辑性标识。通过上述方法，可以保存字段的原始属性信息和字段的可编辑性信息。字段的原始属性信息至少包括：字段标题、字段内容、字段类型、宽度，其中，字段标题用来指示字段，字段内容用来记录字段的全部内容，字段类型用来指示字段的原始类型，宽度用来表明字段在显示时需要占用的空间。为了保证字段的基本信息不变，字段的原始属性信息只能读取，不能改变。

优选地，可以通过检查字段的原始属性信息来判断字段的原始属性信息是否有效，并使用预设值将无效的字段原始属性信息补齐。例如，在预设字段类型为静态文本类型的情况下，为了能够正确显示静态文本类型的字段，则需要有字段标题、字段宽度等信息；而这些信息在其他字段类型中可能并没有这些属性值，此时则需要采用预设值补齐缺少的属性信息。

优选地，根据不可编辑的字段的原始属性信息生成预设字段类型的属性信息包括：字段标题、字段内容、字段类型、宽度、字段的下边框显示信息，其中，预设字段标题与字段的原始标题一致，预设字段内容需要通过缓存的原始信息中的字段内容获取当前需要显示的内容，预设字段宽度保持原始属性信息中的字段宽度，预设的字段下边框显示信息用来表示预设字段的下边界。

优选地，以select类型为例，该字段类型中可以显示的字段内容有多个，而每次可以选择的字段内容可以是一个。在这种情况下，若通过静态文本类型的方式显示字段内容，则只需要显示被选择的字段内容即可。在这种情况下，在上述步骤S206中，可以通过根据字段的原始属性信息，确定可编辑性标识为不可编辑标识的字段的待显示的字段内容(例如select类型中被勾选的字段内容)；根据待显示的字段内容，确定预设字段类型的属性信息中的字段内容的方式，来确定不可编辑字段需要显示的内容。

优选地，通过上述S202至步骤S208生成的统一显示的不可编辑字段还可以根据需要转换为可编辑字段，在上述步骤S208之后，方法还包括：检测字段的可编辑性标识由不可编辑标识转换为可编辑标识；获取字段的原始属性信息；根据原始属性信息，显示字段。通过上述方法，当字段的可编辑性发生改变时，可以根据字段的原始属性信息重新绘制字段。

在上述方案中，并没有修改字段需要呈现的业务含义，也不会影响该字段与其他字段在 界面上的布局关系。

在本实施例中还提供了一种字段的显示装置，用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述，下面对该装置中涉及到的模块进行说明。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

图3是根据本发明实施例的字段的显示装置的结构示意图，如图3所示，该装置可以包括：记录模块32、判断模块34、生成模块36、第一显示模块38，其中，记录模块32，用于记录字段的原始属性信息和可编辑性标识；判断模块34，耦合至记录模块32，用于判断可编辑性标识是否为不可编辑标识；生成模块36，耦合至判断模块34，用于在可编辑性标识为不可编辑标识的情况下，根据原始属性信息，生成预设字段类型的属性信息；第一显示模块38，耦合至生成模块36，用于根据预设字段类型的属性信息，显示字段。

优选地，在生成模块36中，生成的预设字段类型包括：静态文本类型；预设字段类型的属性信息包括：字段标题、字段内容、字段类型、宽度、字段的下边框显示信息。

优选地，记录模块32用于：检查字段的原始属性信息以及字段的可编辑性，其中，原始属性信息至少包括：字段标题、字段内容、字段类型、宽度；根据字段的可编辑性，标记字段的可编辑性标识；缓存字段的原始属性信息以及字段的可编辑性标识。其中，检查字段的原始属性信息包括：检查字段的原始属性信息的有效性；将检查结果为无效的原始属性信息设置为预设值。

图4是根据本发明优选实施例的字段的显示装置的优选结构示意图一，如图4所示，优选地，生成模块36包括：第一确定单元42、第二确定单元44，其中，第一确定单元42，用于根据字段的原始属性信息，确定可编辑性标识为不可编辑标识的字段的待显示的字段内容；第二确定单元44，耦合至第一确定单元42，用于根据待显示的字段内容，确定预设字段类型的属性信息中的字段内容。

图5是根据本发明优选实施例的字段的显示装置的优选结构示意图二，如图5所示，优选地，上述装置还包括：检测模块52、获取模块54、第二显示模块56，其中，检测模块52，耦合至第一显示模块38，用于检测字段的可编辑性标识由不可编辑标识转换为可编辑标识；获取模块54，耦合至检测模块52，用于获取字段的原始属性信息；第二显示模块56，耦合至获取模块54，用于根据原始属性信息，显示字段。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

为了使本发明实施例的描述更加清楚，下面结合优选实施例进行描述和说明。

本发明优选实施例涉及一种在WEB界面上统一表示不可编辑的方法，可编辑与不可编辑之间可以任意切换，不影响界面呈现的业务含义，也不影响该字段与其他字段在界面上的 布局关系。

本发明优选实施例针对在各种浏览器中显示不可编辑的样式都能统一表达，同时字段类型不同时，界面上也能统一表达的问题，提供了一种采用下划线的方式来表达不可编辑的表达组件。不管字段类型是什么，只要是不可编辑的，都设置成标签(label)类型(相当于上述预设字段类型)，同时下划线。本发明优选实施例提供的方法也支持动态切换组件的是否可编辑性。

图1是根据相关技术的字段的显示的示意图，如图1所示，在相关技术中，不同的字段类型(例如文本型和复选框型)在字段为不可编辑字段的情况下，显示的形式不同，无法统一的显示不可编辑的字段。

本发明优选实施例提供的采用下划线的方式来表达不可编辑的表达组件的方法包括如下步骤：

步骤12，检查表单的每个Item(相当于上述字段)；

检查(例如通过JavaScript脚本)表单的每个Item，例如字段标题、字段类型、宽度属性是否有效，如果没有则补齐对应的默认值(相当于上述预设值)。同时检查当前字段默认是否可编辑，做好相关的标记。

步骤14，记录Item的原始信息(相当于上述原始属性信息)；

将当前Item的所有属性内容缓存起来，作为原始信息，后续只能读原始信息，不能改变原始信息。

步骤16，设置不可编辑Item的下边框；

检查是否可编辑的标识(相当于上述可编辑性标识)，如果是不可编辑，则设置当前Item的类型为静态文本(staticText)类型。设置当前Item显示下边框。如果当前Item的原始类型为可选(select)，则先通过缓存的原始信息中获取当前界面上需要显示的内容，回填到当前Item的值(value)上。

步骤18，动态改变Item的可编辑性；

在运行期允许用户动态改变某个Item的可编辑性，当用户改变后，首先改变当前Item的可编辑性标识，然后再从原始信息中根据当前Item的可编辑性标识生成当前Item的各种属性。然后再重绘当前Item即可。

图6是根据本发明优选实施例的字段的显示的优选示意图，如图6所示，不同的字段类型(例如文本型和复选框型)在字段为不可编辑字段的情况下，以统一的形式显示出来，其中，字段内容只显示了需要显示的部分，在显示形式得到统一的同时，也节省了显示空间，没有显示的内容存储在字段的原始属性信息中，可以在需要显示的情况下进行读取。

通过上述方案，可以在不同的浏览器中表达不可编辑时都能统一表达，使其样式一致。 表单中不同的type类型字段，其不可编辑时也能统一表达，其界面样式也是一致的。

本发明另一个优选实施例用于统一在一个表单中各个类型的组件(相当于上述字段)在不同的浏览器中不可编辑时的界面显示样式。

本发明另一个优选实施例提供的统一界面显示样式的方法包括如下步骤：

步骤22，定义表单中各个组件的相关属性，并指定是否可编辑的属性值；

定义表单时，根据业务需求定义各种表单组件，并指定每个组件是否可编辑，如果可编辑则指定disable属性为false，如果不可编辑则指定disable属性为true。

步骤24，JavaScript框架解析表单的定义，包括表单中各个组件的定义；

JavaScript框架解析表单的定义，同时也解析表单中各个字段的定义，先将各个字段的定义属性或者方法完全缓存起来，然后根据是否可编辑属性与当前字段的type类型值重新生成当前字段新的属性与属性值。

步骤26，不可编辑时设置下边框；

遍历表单中所有的组件列表，根据组件中原始信息的disable属性值，如果是true则设置当前组件的下边框显示，同时修改当前组件的类型为statictext类型。

步骤28，动态改变字段的可编辑性；

当用户在界面上改变了某个组件的可编辑性，则JavaScript框架会根据当前组件的原始信息重新生成新的组件信息，并重新绘制该组件。

在另外一个实施例中，还提供了一种软件，该软件用于执行上述实施例及优选实施方式中描述的技术方案。

在另外一个实施例中，还提供了一种存储介质，该存储介质中存储有上述软件，该存储介质包括但不限于：光盘、软盘、硬盘、可擦写存储器等。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的对象在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步 骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。