[发明专利]一种web控件组合方法

说明书

本发明公开一种web控件组合方法，基于iframe对web控件进行组合，包括:子控件建立步骤，建立至少一个子控件；页面创建步骤，建立嵌套有iframe的页面，在该页面中，根据用户选择将组合控件展示在所述iframe中，其中所述组合控件包括至少一个所述子控件；定义步骤，为所述页面定义调用函数；以及显示步骤，通过所述调用函数显示所述组合控件的内容。本发明能够达到如下技术效果:第一，灵活显示，可以在页面中显示一个控件，也可以显示多个控件；第二，将之前的单一控件只能传递一种参数升级为现在可以传递多种参数。

技术领域

本发明涉及一种采用的计算机控件开发领域，尤其是基于iframe技术的将单一的子控件合并为组合控件的方法。

背景技术

<iframe>标签规定一个内联框架。一个内联框架被用来在当前HTML文档中嵌入另一个文档。控件对数据和方法的封装，包括用户界面控件等。用户界面控件用于开发构建用户界面(UI)的控件，帮助完成软件开发中视窗、文本框、按钮、下拉式菜单等界面元素的开发。

现有技术中，当界面需要分别展示多类型的内容时，利用控件来显示不同类别的内容是一种常用的方式。传统的方式是把每个控件都做一个单独的页面，当选择控件时只能同时出现一个页面，这时用户分别针对不同的控件操作，比如在人员管理控件中，用户只能针对这一个控件进行操作，不能在多个其他比如部门控件页面、角色控件页面之间进行切换。并且传统方式中，当需要上述这种多个不同类型的控件数据时，只能添加多个表单控件来实现。这样也导致了切换不够灵活，页面紊乱。同时也带来了交互上面的性能问题，会明显增加用户的工作量。总之，这种单一控件的展示方式灵活性和扩展性都不高。

发明内容

本发明目的在于提供一种基于iframe技术的web控件组合方法，实现在同一页面跟组合控件进行交互，减少用户工作量，提高控件扩展性。

本发明的web控件组合方法，是基于iframe对web控件进行组合，包括以下步骤：子控件建立步骤，建立至少一个子控件；页面创建步骤，建立嵌套有iframe的页面，在该页面中，根据用户选择将组合控件展示在所述iframe中，其中所述组合控件包括至少一个所述子控件；定义步骤，为所述页面定义调用函数；以及，显示步骤，通过所述调用函数显示所述组合控件的内容。

页面采用iframe，保证了子控件及其框架的可扩展性，对各个子控件样式可以做灵活的适应性调整。

进一步地，所述页面创建步骤包括以下子步骤：子控件选择按钮新建步骤，在所述页面新建子控件选择按钮，每个所述子控件选择按钮分别对应一个所述子控件，并设计相应的iframe，每个所述iframe对应一个所述子控件；以及，合成步骤，通过对所述子控件选择按钮进行选择，将用户所需的子控件合成组合控件。

进一步地，所述合成步骤还包括以下子步骤：赋值步骤，每种组合控件对应一个类型，该类型数字转换成二进制，该二进制的每一位分别表示对应的子控件是否显示，0表示不显示，1表示显示；子控件数目判断步骤，根据所述类型，判断所述组合控件中包括的子控件数目，如果类型数字为0，则表示没有选择子控件，如果类型数字不为0则判断是一个子控件还是多个子控件；以及，封装步骤，当子控件数目为一个或多个时，封装子控件数据为组合控件数据。

进一步地，所述定义步骤还包括以下子步骤：子控件函数绑定步骤，为每个所述子控件选择按钮分别绑定子控件函数；以及子控件调用页面生成步骤，在所述子控件函数内部动态生成子控件调用页面，在该子控件调用页面中加入url，并向该子控件调用页面的字段中传递参数。

进一步地，所述子控件调用页面生成步骤还包括以下子步骤：数据标签定义步骤，定义组合控件数据的接收标签，定义组合控件数据的回写标签，并在所述组合控件数据的回写标签中定义调用所述子控件函数的单击事件。

进一步地，所述显示步骤中，通过发送URL请求，后台返回组合控件数据并将用户所需的子控件的内容载入相应的iframe中。