[发明专利]用于适配表单的方法和系统

说明书

本公开提供了一种适配表单的方法，包括：显示第一页面；接收在所述第一页面上的用于激活第一表单的输入，其中所述输入是用户对所述第一页面上的控件的激活；以及响应于接收到所述输入，在显示器上显示包括所述第一表单的第一模态弹框，其中所述第一模态弹框是动态地唤出的并且与所述第一页面的宽度和/或高度相同。

技术领域

本公开涉及用于适配表单的方法和系统。

背景技术

在一站式web研发平台中，中后台产品通常存在大量表单编辑和信息浏览的场景。当这些编辑/信息对其父页面存在强依赖性(即，从属于其父页面)时，通常采用模态弹框来呈现。模态弹框一般用来做一项或多项任务。例如，当在第一页面中需要选择你的学校时，由于学校数量众多而不适宜直接放在其父页面中，同时也因为它从属于这个父页面而不适宜设计成单独的新页面，所以一般使用模态弹框来呈现这些学校。

发明内容

根据本公开的第一方面，提供了一种适配表单的方法，包括：显示第一页面；接收在所述第一页面上的用于激活第一表单的输入，其中所述输入是用户对所述第一页面上的控件的激活；以及响应于接收到所述输入，在显示器上显示包括所述第一表单的第一模态弹框，其中所述第一模态弹框是动态地唤出的并且与所述第一页面的宽度和/或高度相同。

根据本公开的一实施例，所述第一模态弹框从所述显示器的一边缘处拉出，从而显示在所述显示器上。

根据本公开的另一实施例，在所述边缘是显示器的左侧或右侧边缘时，所述第一模态弹框与所述第一页面的高度相同且其宽度小于或等于所述第一页面的宽度；或者在所述边缘是显示器的顶侧或底侧边缘时，所述第一模态弹框与所述第一页面的宽度相同且其高度小于或等于所述第一页面的高度。

根据本公开的又一实施例，在所述第一模态弹框与所述第一页面的宽度或高度不同的情况下，这样宽度差或高度差用于为所述第一页面的侧边栏菜单腾出显示空间。

根据本公开的又一实施例，所述第一页面的未被所述第一模态弹框覆盖的部分以与所述第一模态弹框不同的方式来显示。

根据本公开的又一实施例，以灰色来显示所述第一页面的未被所述第一模态弹框覆盖的部分，从而示出所述第一页面不是当前可交互的。

根据本公开的又一实施例，在所述第一模态弹框上接收到用于激活第二表单的输入之后，在所述显示器上显示包括所述第二表单的第二模态弹框，所述第二模态弹框以所述第一模态弹框为其父页面。

根据本公开的又一实施例，在接收到所述用户在所述第一模态弹框上的确认输入后，取消所述第一模态弹框的显示并返回且刷新所述第一页面，以在所述第一页面上反映对所述第一表单的编辑。

根据本公开的又一实施例，在接收到所述用户在所述第一模态弹框上的取消或关闭输入后，确定所述用户是否对所述第一表单作出了编辑，并且如果所述用户对所述第一表单作出编辑，则弹出第三弹框以供所述用户确认是否保存所述编辑；以及如果所述用户没有对所述第一表单作出编辑，则直接返回所述第一页面。

根据本公开的第二方面，提供了一种适配表单的系统，包括：接收组件，其被配置成接收在第一页面上的用于激活第一表单的输入；以及显示组件，其被配置成在显示器上显示所述第一页面以及包括所述第一表单的第一模态弹框，其中所述第一模态弹框与所述第一页面的宽度和/或高度相同。

根据本公开的一实施例，所述第一模态弹框从所述显示器的一边缘处拉出，从而显示在所述显示器上。

根据本公开的另一实施例，在所述边缘是显示器的左侧或右侧边缘时，所述第一模态弹框与所述第一页面的高度相同且其宽度小于或等于所述第一页面的宽度；或者在所述边缘是显示器的顶侧或底侧边缘时，所述第一模态弹框与所述第一页面的宽度相同且其高度小于或等于所述第一页面的高度。