件的情况下封装后的字符串结果是数组格式。其中json可以将JavaScript对象 中表示的一组数据转换为字符串，然后就可以在函数之间传递这个字符串，或者在异步应 用程序中将字符串从Web客户机传递给服务器端程序。其中json可以表示数组和复杂的 对象。所述字符串结果就是组合控件数据，即显示步骤S4中的返回值。
[0040] 进一步地，如图4所示，定义步骤S3还包括以下子步骤：子控件函数绑定步 骤S31、和子控件调用页面生成步骤S32,在步骤S31中，为每个所述子控件选择按钮分 别绑定子控件函数，例如为部门按钮、人员按钮、角色按钮、条件查询按钮分别绑定一个 JavaScript 函数。
[0041] 在子控件调用页面生成步骤S32中，在所述子控件函数内部动态生成子控件调用 页面，可以是form表单形式，在该子控件调用页面中如表单form的action属性加入各子 控件地址url，用于完成表单跳转动作。并向该子控件调用页面的字段中传递参数，比如 el (express language)表达式。
[0042] 进一步地，子控件调用页面生成步骤S32中还包括数据标签定义步骤，对组合 控件数据的接收标签进行定义，对组合控件数据的回写标签进行定义，并在所述组合控 件数据的回写标签中定义调用所述子控件函数的单击事件。具体地，可以是定义一个 input标签负责接收组合控件数据，定义一个textarea标签，用来回写组合控件数据，并 在textarea标签中定义一个onclick事件用来调用Javascript函数，本实施例中定义为 selectMoreDeptUserRole。当用户点击的时候，调用 SelectMoreDeptUserRole 向后台请求 数据。当用户点击不同的按钮时，参数不同，请求的页面不同，分别如图6、图7、图8和图9 所示，其中图6为本发明实现后的点击部门按钮时页面效果示意图，图7为本发明实现后 的点击人员按钮时页面效果示意图，图8为本发明实现后的点击角色按钮时页面效果示意 图，图9为本发明实现后的点击条件按钮时页面效果示意图。
[0043] 例如，代码如下：
[0044] a)〈input name = "viewDeptIds"id = "viewDeptIds"type = "hidden"〉主要用 来回写数据使用的
[0045] b)〈textarea name = ^viewPeoples^title ="查 看范围"id = 〃viewPeoples〃onclick = ''selectMoreDeptUserRole (' root'，' viewDeptlds'，' viewPeop les'，true, '，，'，，7, true, '，）"rows = "3"cols = "50">〈/textarea>
[0046] 以上两个标签是在调用子控件的页面接受返回值时的域，本实施例中，域为隐藏 式的文本控件，将input标签设置为隐藏域。
[0047] 显示步骤S4中，通过发送URL请求，后台返回组合控件数据并将用户所需的子控 件的内容载入相应的iframe中，在本实施方式中，通过post方式将用户所需的子控件调用 并载入相应的iframe中。并且，将其他子控件，如角色控件、条件查询控件等即用户没有选 择的子控件隐藏不显示。其中post是传输数据的方法，支持较大数据量，可以提高数据的 访问速度的可靠性。
[0048] 进一步地，如图5所示，S4显示步骤还包括以下子步骤。
[0049] 接受步骤S41，通过所述接收回写组合控件数据的标签接受返回值，该返回值就是 封装子控件数据后的字符串结果。例如，通过上述a)代码中的input标签接受回写的组合 控件数据。
[0050] 返回值判断步骤S42,对是否存在返回值进行判断。因为有时候会发生用户对任何 一个子控件都未加选择的情况。增加该域判断步骤可以减少节省系统的无谓运行。
[0051] 写入步骤S43,在所述返回值判断步骤判断为存在返回值的情况下写入组合控件 的内容并显示，将返回的字符串结果放入隐藏域，在所述域判断步骤判断为不存在返回值 的情况下提示需提供返回值。所述的组合控件的内容仅包括子控件的参数，因此将返回的 字符串结果隐藏。
[0052] 本发明【具体实施方式】的代码可以为如下形式：
[0053] 产* *<四层控件（部门、人员、角色、条件选择）> * @auth ο rwa n q h p * ?Date 2012-07-03 * 调 法如：selectMoreDeptUserRole(); * @paramrootld 部门ID【如果部门ID为空，默认就是当前登录 用户的部门ID】 * @param id 回写编号控件丨D * ^param name 回写名称控件ID *@paramisUsedAuth部门、人员控件是否判断权限 * @paramtreeClass 部门树构造方法，默认请用",不要用null * @paramOrgflag 机构、部 Π 标志 * @param type 控件种类 *部门人员角色 type 描述 *〇〇〇 0 Ii权限控件 * 1 0 0 4 部门控件 * 0 I 0 2 人员控件 "0 0 1 1 角色控件 * 1 1 Q 6 部门、人员控件 *10 1 5: 部门、角色控件 * 0 1 1 3 人员、角色控件
[0054]
CN 105117234 A 1? m
"tb 8/9 页
[0056] 通过实施本发明，能够达到如下技术效果：第一，灵活显示，可以让其显示一个控 件，也可以显示多个控件；第二，之前的单一控件只能传递一种参数，现在可以传递多种参 数。
[0057] 另外，所述显示步骤还包括显示控制步骤，控制所述组合控件中的子控件数据的 显不和隐减。例如，米用JavaScript语目在部门件中设置是否显不机构标志。并且用户 在没有做出上述显示和隐藏设置指令时给予默认推荐设置。
[0058] 并且，所述显示步骤还包括控件数据设置步骤，设置对所述组合控件中的子控件 数据的分离和汇总。例如采用JavaScript语言在人员控件中设置是否增加人员、是否组织 白名单等。并且用户在没有做出上述分离和汇总设置指令时给予默认推荐设置。
[0059] 应当理解，以上借助本发明的优选实施例对本发明的技术方案进行了详细说明， 应当理解，以上说明是示意性的而非限制性的，方法的步骤之间也不限于本实施例中提供 的顺序。本领域的普通技术人员在阅读本发明说明书的基础上可以对各实施例所记载的技 术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相 应技术方案的本质脱离本发明各实施例技术方案的精神和范围。本发明的保护范围仅由随 附权利要求书限定。
【主权项】
1. 一种web控件组合方法，基于iframe对web控件进行组合，其特征在于， 包括： 子控件建立步骤，建立至少一个子控件； 页面创建步骤，建立嵌套有iframe的页面，在该页面中，根据用户选择将组合控件展 示在所述iframe中，其中所述组合控件包括至少一个所述子控件； 定义步骤，为所述页面定义调用函数；以及， 显示步骤，通过所述调用函数显示所述组合控件的内容。2. 根据权利要求1所述的web控件组合方法，其特征在于， 所述页面创建步骤包括以下子步骤： 子控件选择按钮新建步骤，在所述页面新建子控件选择按钮，每个所述子控件选择按 钮分别对应一个所述子控件，并设计相应的iframe，每个所述iframe对应一个所述子控 件；以及， 合成步骤，通过对所述子控件选择按钮进行选择，将用户所需的子控件合成组合控件。3. 根据权利要求2所述的web控件组合方法，其特征在于， 所述合成步骤还包括以下子步骤： 赋值步骤，每种组合控件对应一个类型，该类型数字转换成二进制，该二进制的每一位 分别表示对应的子控件是否显示，〇表示不显示，1表示显示； 子控件数目判断步骤，根据所述类型，判断所述组合控件中包括的子控件数目，如果类 型数字为〇,则表示没有选择子控件，如果类型数字不为〇则判断是一个子控件还是多个子 控件；以及， 封装步骤，当子控件数目为一个或多个时，封装子控件数据为组合控件数据。4. 根据权利要求2或3所述的web控件组合方法，其特征在于， 所述定义步骤包括以下子步骤： 子控件函数绑定步骤，为每个所述子控件选择按钮分别绑定子控件函数；以及 子控件调用页面生成步骤，在所述子控件函数内部动态生成子控件调用页面，在该子 控件调用页面中加入url，并向该子控件调用页面的字段中传递参数。5. 根据权利要求4所述的web控件组合方法，其特征在于， 所述子控件调用页面生成步骤还包括以下子步骤： 数据标签定义步骤，定义组合控件数据的接收标签，定义组合控件数据的回写标签，并 在所述组合控件数据的回写标签中定义调用所述子控件函数的单击事件。6. 根据权利要求5所述的web控件组合方法，其特征在于， 所述显示步骤中，通过发送URL请求，后台返回组合控件数据并将用户所需的子控件 的内容载入相应的iframe中。7. 根据权利要求6所述的web控件组合方法，其特征在于， 所述显示步骤包括以下子步骤： 接受步骤，通过所述接收回写组合控件数据的标签接受返回值，该返回值就是封装子 控件数据后的字符串结果； 返回值判断步骤，对是否存在返回值进行判断； 写入步骤，在所述返回值判断步骤判断为存在返回值的情况下写入组合控件的内容并 显示，在所述域判断步骤判断为不存在返回值的情况下提示需提供返回值。8. 根据权利要求7所述的web控件组合方法，其特征在于， 所述显示步骤还包括以下子步骤： 显示控制步骤，控制所述组合控件中的子控件数据的显示和隐藏。9. 根据权利要求8所述的web控件组合方法，其特征在于， 所述显示步骤还包括以下子步骤： 控件数据设置步骤，设置对所述组合控件中的子控件数据的分离和汇总。10. 根据权利要求2、3、5~9中任一项所述的web控件组合方法，其特征在于， 所述子控件选择按钮新建步骤还包括： 动画效果插入步骤，对所述子控件选择按钮插入动画效果。
【专利摘要】本发明公开一种web控件组合方法，基于iframe对web控件进行组合，包括:子控件建立步骤，建立至少一个子控件；页面创建步骤，建立嵌套有iframe的页面，在该页面中，根据用户选择将组合控件展示在所述iframe中，其中所述组合控件包括至少一个所述子控件；定义步骤，为所述页面定义调用函数；以及显示步骤，通过所述调用函数显示所述组合控件的内容。本发明能够达到如下技术效果:第一，灵活显示，可以在页面中显示一个控件，也可以显示多个控件；第二，将之前的单一控件只能传递一种参数升级为现在可以传递多种参数。
【IPC分类】G06F9/44
【公开号】CN105117234
【申请号】CN201510591578
【发明人】邹庆源, 王浩鹏
【申请人】北京金和网络股份有限公司
【公开日】2015年12月2日
【申请日】2015年9月16日