Appearance
属性
javascript
// 文件上传组件的配置对象
file: {
// 表示该组件不是一个容器组件
isContainer: false,
// 组件的显示名称
displayName: "文件上传",
// 表示该组件是一个表单组件
isForm: true,
// 不支持添加数据表查询
canAddDataTableQuery: false,
// 不支持添加数据表列表
canAddDataTableList: false,
// 组件的子组件列表,目前为空
widgetList: [],
// 组件是否完整,即是否包含所有必要属性
complete: true,
// 组件的属性配置
props: {
// 文件大小的默认设置
size: "default",
// 是否有标签
hasLabel: true,
// 是否为必填项
required: false,
// 是否禁用
disabled: false,
// 是否为详情模式
isDetail: false,
// 是否隐藏文件名
hideFileName: false,
// 是否隐藏预览功能
hidePreview: false,
// 是否隐藏整个组件
hide: false,
// 文件上传的占位符提示
placeholder: "请上传文件",
// 标签位置设置
labelPosition: "left",
// 附加说明信息
remark: "",
// 组件的值,这里为文件相关信息
value: null,
// 自定义名称字段
zdname: null,
// 组件的标签文本
label: "文件上传",
// 标签对齐方式
labelAlign: "right",
// 标签宽度
labelWidth: "120px",
// 组件占网格宽度
width: 24,
// 文件上传的字段名
fileField: "file",
// 文件ID的字段名
fileIdField: "id",
// 文件名称的字段名
fileNameField: "name",
// 文件URL的字段名
fileUrlField: "url",
// 文件保存类型设置
fileSaveType: 'name,id',
// 文件下载方式
fileDownType: 'blob',
// 文件获取的API地址
fileGetUrl: "",
// 文件下载的API地址
fileDownUrl: "",
// 限制上传文件的类型,以逗号分隔
accept: "",
// 限制上传文件的数量
limit: 100,
// 限制上传单个文件的大小,单位为MB
fileSize: 10,
// 是否只读,即只能查看不能修改
readonly: false,
// 是否支持多文件上传
multiple: true,
// 是否隐藏文件列表表格
hideTable: false,
// API设置
apiSet: {
// 请求方法
method: "post",
// API地址
apiurl: "",
// 请求参数列表
params: [],
// 内容类型设置为文件
contentType: "file",
// 数据格式
dataFormat: "",
// 标签字段名
labelField: "",
// 值字段名
valueField: "",
// 发送请求前的回调函数
beforeSend: "",
},
// 组件创建时的回调函数
onCreated: null,
// 组件挂载时的回调函数
onMounted: null,
// 文件名格式化回调函数
onNameFormat: null,
}
}
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.setValue | 设置组件的值 | app.setValue({id}, 123) |
app.getValue | 获取组件的值 | app.getValue({id}) |
app.setVisible | 设置可见 | app.setVisible({id}, false) |