折叠面板

简介

WAFⅡ折叠面板控件是一个类似表格容器的控件,以卡片形式展示分录数据,每个卡片面板对应一条分录数据。


使用方法

2.1 JS动态创建EAS8.5+
var options={id:"collapsePanel_1"}
var dom = waf.createDOM("collapsePanel", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("collapsePanel", options, dom);
2.2 通用DOM创建EAS8.5+
<div id='collapsePanel_1'></div>
<!--DOM创建好之后,使用js初始化控件-->
var options = {hidden:"true"};
waf("#collapsePanel_1").collapsePanel(options);
2.3 方法&事件使用EAS8.5+
//调用方法
waf("#id").collapsePanel('method', parameter...);
//eg:获取和设置值
waf("#id").collapsePanel("getValue");
waf("#id").collapsePanel("setValue","form_2");

属性说明

id String 缺省值: null 不可以在运行期改变 EAS8.5+

定义折叠面板控件的id.

style String 缺省值: null EAS8.5+

定义折叠面板控件的样式.

tagClass String 缺省值: null EAS8.5+

定义折叠面板控件样式类,可以添加一个或多个.

hidden Boolean 缺省值: false EAS8.5+

定义折叠面板控件是否显示.


方法说明

option 参数: (property,value) 返回值类型: 任何类型 EAS8.5+

获得或设置属性值。

  • 参数说明:
        - property指属性名
        - value为空或新值
  • 返回值说明:
        - value为空时,返回该属性的值,当不为空时,设置该属性的值为value

option 参数: (options) 返回值类型: (undefined) EAS8.5+

对控件多个属性进行一次性设置

  • 参数说明:
        - options: 形式如{property:value[,property1:value1,…]}的json对象,用来描述标签的属性和相应的值
  • 返回值说明: 无

appendChildren 参数: (source,pos) 返回值类型: (undefined) EAS8.5+

向控件中增加内容

  • 参数说明:
        - source: 需要往form中增加的内容,可以是任意的HTML内容或者JQuery对象,一般为对应的具体控件,比如text,f7等
        - pos:追加到哪个位置,可以不传递,如果不传递,默认追加到最后
  • 返回值说明: 无

removeChildren 参数: (source) 返回值类型: (undefined) EAS8.5+

删除控件中子元素内容

  • 参数说明:
        - source: 可以是id字符串或者其对应的Jquery对象,一般为对应的具体控件,比如text,f7等
  • 返回值说明: 无