简介
面板组件用于把 DOM 组件插入到一个盒子中。
使用方法
2.1. 静态框架使用方法仅EAS7.5版本
<wafctrl:panel id="panel_1" style="height:30px;width:100%;border:1px dotted">
</wafctrl:panel>
2.2. JS动态创建EAS8.0+
var options={id:"panel_1"}
var dom = waf.createDOM("panel", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("panel", options, dom);
2.3. 通用DOM创建EAS8.0+
<div id='panel_001'></div>
<!--DOM创建好之后，使用js初始化控件-->
var options = {hidden:"true"};
waf("#panel_001").wafPanel(options);
2.4. 方法&事件使用EAS7.5+
//调用方法
waf("#id").wafPanel('method', parameter...);
//eg:获取和设置值
waf("#id").wafPanel("getValue");
waf("#id").wafPanel("setValue","form_2");
属性说明
id String 缺省值: null 不可以在运行期改变 EAS7.5+
定义panel控件的id
tagClass String 缺省值: null EAS7.5+
定义panel控件的tagClass
style String 缺省值: null EAS7.5+
定义panel控件的style
hidden boolen 缺省值: null 不可以在运行期改变 EAS7.5+
定义panel控件是否隐藏
方法说明
option 参数: (property[,value]) 返回值类型: (any) EAS7.5+
获得或设置panel控件某属性的值，当value参数存在时，设置控件的property属性值，且无返回值，否则返回控件的property属性值。参考样例
- 参数说明:
- property-必要参数，form控件的属性value-可选参数，panel控件的属性值
- 返回值说明: 当value参数不存在时，有返回值，该返回值为与property对应的属性值，可以是任意类型的javascript对象。
option 参数: (options) 返回值类型: (无) EAS7.5+
对panel控件多个属性进行一次性设置。参考样例
- 参数说明:
- options-形式如{property:value[,property1:value1,…]}的json对象，用来描述表单的属性和相应的值
- 返回值说明: 无
appendChildren 参数: (source,pos) 返回值类型: (无) EAS7.5+
向panel控件中增加内容。 参考样例
- 参数说明:
- source-需要往form中增加的内容，可以是任意的HTML内容或者JQuery对象，一般为对应的具体控件，比如text，f7等。pos-追加到那个位置，可以不传递，如果不传递，默认追加到最后。
- 返回值说明: 无
removeChildren 参数: (source) 返回值类型: (无)。 EAS7.5+
删除panel控件中子元素内容。参考样例
- 参数说明:
- source-可以是id字符串或者其对应的Jquery对象，一般为对应的具体控件，比如text，f7等。
- 返回值说明: 无