list中显示图片,可以直接在list中放img标签,其中bind-attr-src设置img标签的src属性
attachmentImage组件bind-ref关联的data中关系存储的是上传的图片信息的json,不是直接的url,因此不能直接在的bind-attr-src上直接绑定关系值
可以定义js函数通过json中的信息调用平台提供的API放回图片的url,然后的bind-attr-src属性设置为js函数,具体如下:
list中放img,由于list中每行的数据不一样,需要在调用函数时需要把当前计算行的数据做参数传给函数,函数中获取具体的数据,返回对应的url,此处用$object做参数
js中
1.引用
DocUtils = require('$UI/system/components/justep/docCommon/docUtil');
2.定义函数
Model.prototype.getImageUrl = function(row) { if (row != undefined) { var jsonList = eval("(" + row.val('fAttachmentPicture') + ")");//获取当前数据中attachmentImage对应的关系值并转换json对象 if (jsonList != undefined) { var docPath = jsonList[0]["docPath"]; // 从json对象中获得docPath var fileID = jsonList[0]["fileID"];// 从json对象中获得fileID var url = DocUtils.InnerUtils.getdocServerAction({//调用API通过docPath、fileID的值返回url "docPath" : docPath, urlPattern : "/repository/file/view/" + fileID + "/last/content", isFormAction : false, context : this.getContext() }); return require.toUrl(url); } } };
这个js是什么时候的,现在找不到了
5.3版本中一直都有