Dorado 9 : IFrame(DCUG)

基本特性

继承Control,基本特性与Control一致,请参考:Control(DCUG)

另外IFrame控件用于模拟HTML中的<IFrame></IFrame>控件,其自身提供了path属性便于路径设定:

另外IFrame控件还提供了装载页面等候时的提示图标特效,如下图:

技巧说明

技巧1-获取IFrame内部的window对象

在一些需要跨页面JS编程的场景下,我们可能希望获得IFrame对应的window对象,则可以通过如下代码获取:

var window = iframe.getIFrameWindow();

技巧2-获取IFrame内部Dorado视图中的Dorado控件

在一些需要跨页面JS编程的场景下,我们可能希望获得IFrame对应的window对象,则可以通过如下代码获取:

var window = iframe.getIFrameWindow();
var button = window.$id("buttonSave").objects[0];//获取子页面中id为buttonSave的按钮
button.set("disabled", true);//将buttonSave设置为禁用状态

技巧3-子页面加载结束的通知事件

通常情况下,一个页面加载结束我们都可以会自动激活window的onload或Dorado提供的View的onLoad事件。在其中编写相关代码。

但上面所说的都是针对当前页面的,如果我们采用了IFrame控件,在牵扯到跨页面协调编程和控制的场景下我们可能希望在IFrame内部页面加载结束之后能激活父页面的一个事件或方法,这种情况下我们可以利用IFrame的onLoad方法,在onLoad方法中实现具体的逻辑控制:

技巧4-IFrame中获取父页面内部Dorado视图中的Dorado控件

var button = window.parent.$id("buttonSave").objects[0];//获取父页面中id为buttonSave的按钮
button.set("disabled", true);//将buttonSave设置为禁用状态

Attachments:

IFrameDesign.PNG (image/png)
IFrame.png (image/png)
IFrame-onLoad.PNG (image/png)