图片列表使用

一、需求背景

  1，需要在单据界面上传多个图片，保存成功后，一直可用。

二、实现方案

 1，可以使用图片列表来实现上传多个图片，但图片列表没有对应字段保存图片的url，可以使用大文本来保存图片列表的所有url，然后在界面打开查看详情的时候，再将url读取写入到图片列表，如果更新图片，则对应的更新大文本的内容。

三、实现过程

1，在界面添加图片列表，然后添加大文本，并将大文本隐藏。

2，监听图片上传事件，可以在此事件中，把图片url存在大文本中。

@Override
public void upload(UploadEvent evt) {
    UploadListener.super.upload(evt);
    String key = evt.getCallbackKey();
    if (key.equals(IMAGE_LIST_NUM)) {
        Object[] imageLists = evt.getUrls();
        String imageurls = (String) this.getModel().getValue(IMAGE_LIST_NUM);
    }

3，监听图片删除事件，可以在此事件，将删除的图片的url从大文本中删除

@Override
public void remove(UploadEvent evt) {
    UploadListener.super.remove(evt);
    String key = evt.getCallbackKey();
    if (key.equals(IMAGE_LIST_NUM)) {
        Object[] deleteLists = evt.getIndexes();
        Integer delenumber = (Integer) deleteLists[0];
        String imageUrls = (String) this.getModel().getValue(IMAGE_LIST_URLS);
    }
}

4，列表进入详情页，打开页面时，将大文本值赋给图片列表

@Override
public void afterBindData(EventObject e) {
    super.afterBindData(e);
    ImageList imageList = this.getView().getControl(IMAGE_LIST_NUM);
    String imageUrls = (String) this.getModel().getValue(IMAGE_LIST_URLS);
}

四、平台版本

 BOS_V3.0.006.0

大家如有任何建议和意见，欢迎在评论区留言，我将努力改进。创作不易，如能帮到大家，请动动您的金手指点赞鼓励一下，非常感谢~【emoji】【emoji】【emoji】