1.1 iframe控件支持静态和动态的页面url设置。
1.2 支持GET和POST方式加载页面。
1.3 支持iframe高度自适应页面本身高度,不出现纵向滚动条。
1.4 组合了页面加载时的阻塞效果。
1.5 提供onLoad事件。
1.6 支持在iframe内部页面触发iframe自适应高度和任意高度设置。
仅EAS7.5版本
<wafctrl:iframe id='iframe_1' name='iframe_1' heightSelfAdaption='true' scrolling='auto'
src="xxxxx" method='POST' width='100%'
data="{param1 : 'param1',param2 : 'param2'}" onLoad="afterLoad" >
</wafctrl:iframe>
EAS8.0+
var options = {
id:"myiframe",
src:"https://www.baidu.com",
height:600,
width:895
};
var parentDom = waf("body");
var dom = waf.createDOM("iframe",options);
waf.appendDOM(parentDom,dom);
waf.initComponent("iframe",options,dom);
EAS8.0+
<iframe id="myiframe"></iframe>
var options = {
id:"myiframe",
src:"https://www.baidu.com",
height:600,
width:895
};
<!--DOM创建好之后,使用js初始化控件-->
waf("#myiframe").wafIframe(options);
EAS7.5+
//调用方法
waf("#id").wafIframe('method', parameter...);
//eg:方法调用
$.wafIframe.adapteHeight();//在iframe内部可调用此方法自适应高度
waf("#id").wafIframe("autoAdjustHeight");
waf("#id").wafIframe("getCurIframe");
//eg:更改事件
waf("#id").wafIframe("option","onLoad",fn);
定义iframe的id
定义iframe的名称,由于当需要post加载url时必须具有名称,因此将名称设为必填
iframe内部页面的url
iframe内部页面的访问方式,GET或POST
POST方式下提交到iframe内部页面的json参数(Get方式时此属性无效),如:{filterString:id=xxx}
是否显示框架周围的边框,1-显示、0-不显示
是否在iframe中显示滚动条,yes-显示、no-不显示、auto-自动
iframe是否根据内部页面自适应高度,不出现纵向滚动条
iframe内部页面加载时是否显示阻塞效果
框架高度,百分比或者px值
框架宽度,百分比或者px值
iframe的样式
iframe的css类
获得或设置文本框某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值
对控件多个属性进行一次性设置
自适应iframe的高度,提供静态方法是为了方便在iframe内部页面中自适应iframe高度。
自适应iframe的高度。
设置属性,在iframe内部页面中重新设置iframe的属性,包括src
获取当前页面所在的iframe
iframe内部页面加载完成后触发