卡片分录中嵌套循环原创
金蝶云社区-生态
生态
4人赞赏了该文章 1,108次浏览 未经作者许可,禁止转载编辑于2021年03月29日 11:11:43

样例:   

            ① 卡片分录中自定义封装图片

            ② 自定义控件图片字段根据卡片分录某字段数据,动态加载图片

            ③ 自定义控件图片点击,定位图片位置

方案:

       采用自定义控件实现


 最终效果图

     具体场景可以设置样式,调整布局

image.png

设计器页面

image.png

自定义控件方案

html

image.png

index.js部分代码

监听图片的click,分录加自定义控件,虽然会加载多个html,但只有一个model,所有需要使用html里面的id去定位img

image.png

imgcustom.js

在插件的afterBindData一次性传入数据,此方法调用自定义控件的setData方法,会触发自定义控件的init、update,用了比较简单的方法,大家可以优化,图片的id设置把卡片分录行号和图片次序加上,方便后台customEvent方法定位。

image.png

后台插件

图片位置,我使用了图片管理里面原有的图片,如自己上传请确认图片位置

image.png

更多资源请到附件下载




【emoji】

图标赞 4
4人点赞
还没有人点赞,快来当第一个点赞的人吧!
图标打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!