卡片分录中嵌套循环

卡片分录中嵌套循环原创

生态

4人赞赏了该文章 1002次浏览编辑于2021年03月29日 11:11:43

样例：

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

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

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

方案：

采用自定义控件实现

最终效果图

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

设计器页面

自定义控件方案

html

index.js部分代码

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

imgcustom.js

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

后台插件

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

更多资源请到附件下载

【emoji】

赞 4