附件管理

简介

附件管理

使用方法

2.1 JS动态创建 EAS8.0+
var options = {id:"webAttachment",style:"height:50px"};
var dom = waf.createDOM("webAttachment", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("webAttachment", options, dom);
2.2 通用DOM创建 EAS8.0+
<div class="ui-section" id="webAttachment" ctrlrole="section" data-domcreated="true" aria-disabled="false">
   <div class="sheader">
    <span class="arrow ui-section-arrow-open"><i></i></span>
    <span class="title ui-section-minus">附件</span>
   </div>
   <div class="content" id="webAttachment_content">
    <div id="webAttachment_upload" name="webAttachment_upload" class="ui-fileupload ui-widget ui-corner-all" ctrlrole="fileUpload" aria-disabled="false" data-domcreated="true">
     <div class="ui-fileupload-files cf">
      <ul class="ui-fileupload-list"></ul>
     </div>
     <div class="ui-fileupload-buttonbar-showMore" style="display:none">
      <span class="ui-fileupload-showMore"><a></a> 更多附件</span>
     </div>
     <div class="ui-fileupload-buttonbar-hideMore" style="display:none">
      <span class="ui-fileupload-hideMore"><a></a> 隐藏</span>
     </div>
     <div class="ui-fileupload-buttonbar">
      <span class="ui-fileupload-addFile"><a>+添加附件</a><input type="file" name="files[]" class="ui-fileupload-input" multiple="" /></span>
     </div>
    </div>
   </div>
  </div>

<!--DOM创建好之后，使用js初始化控件-->
$("#id").webAttachment(options);
2.3 方法&事件使用 EAS7.5+
//调用方法
waf("#id").webAttachment('method', parameter...);

//eg:更改事件
waf("#id").webAttachment("option","onchange",fn);

属性说明

autoUpload Boolean 缺省值: true EAS8.0+

定义选择文件后是否自动上传

withoutSection Boolean 缺省值: false EAS8.0+

定义是否隐藏章节

tagClass String 缺省值: null EAS8.0+

定义附件控件的式样类

controlWebAttSelf Boolean 缺省值: false EAS8.5+

定义是否控制行列

row Integer 缺省值: 3 EAS8.5+

定义展示行数

column Integer 缺省值: 3 EAS8.5+

定义展示列数

方法说明

disable 参数: (none) 返回值类型: (none)​ EAS7.5+

禁用附件管理控件.

enable 参数: (none) 返回值类型: (none)​ EAS7.5+

启用附件管理控件.

getFileDatas 参数: (none) 返回值类型: (Map)​ EAS7.5+

获取附件信息.

showFiles 参数: (none) 返回值类型: (none) EAS7.5+

根据billID查询附件数据.

option 参数: (property[,value]) 返回值类型: (Object) EAS7.5+

获得或设置附件管理控件某属性的值，当value参数存在时，设置控件的property属性值，且无返回值，否则返回控件的property属性值

  • 参数说明：
        - property-必要参数，附件控件的属性
        - value-可选参数，附件控件的属性值
  • 返回值说明：
        - 当value参数不存在时，有返回值，该返回值为与property对应的属性值，可以是任意类型的javascript对象。

事件说明

afterShowFiles 参数: (data) 返回值类型: (none) EAS7.5+

附件列表加载后触发
参数说明：
    - data-被添加文件的相关数据对象 ：

renderUpload 参数: (options,files) 返回值类型: (none) EAS7.5+

上传渲染事件，上传附件时触发
参数说明：
    - options-上传控件的属性值
    - files-上传的文件对象
返回值说明：无

renderDownload 参数: (options,files) 返回值类型: (none) EAS7.5+

下载渲染事件,附件上传完成后触发
参数说明：
    - options-上传控件的属性值
    - files-上传的文件对象
返回值说明：无

样例集合