起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3767|回复: 3

[结贴] 怎么在list中显示图片组建上传的多个图片呢?

[复制链接]

179

主题

709

帖子

2090

积分

金牌会员

QQ:1262363236

Rank: 6Rank: 6

积分
2090
QQ
发表于 2018-1-8 01:19:33 | 显示全部楼层 |阅读模式
用这种方法得到的是list的第一行显示了所有的图片,       
感觉是   var col88 = this.getElementByXid("col8")  只得到了第一行的元素


Model.prototype.getIMGurlXC = function(photo, id) {
                debugger
                var col88 = this.getElementByXid("col8");
                var messs = "/baas/justep/attachment/simpleFileStore";
                var ihtml = "";
                if (photo && photo != 'null' && photo != 'undefined' && photo != '[]') {
                        var col88 = this.getElementByXid("col8")
                        var imageJson = eval("(" + photo + ")");
                        for (var i = 0; i < imageJson.length; i++) {
                                var realFileName = imageJson[i]["realFileName"];
                                var storeFileName = imageJson[i]["storeFileName"];
                                var url = messs + '?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + id;
                                var fImgUrl = require.toUrl(url);
                                if (imageJson.length <= 1) {
                                        return fImgUrl;
                                } else {
                                        ihtml += '<img   alt=""  src="' + fImgUrl + '"   style="width:100px;margin-left:2px;" />';
                                        debugger
                                        var img = new Image();
                                        img.src = fImgUrl;
                                        // 你打算把动态加载的图片放在那里的div容器
                                        var imgContainer = col88
                                        // 将创建好的图像对象添加到div中
                                        imgContainer.appendChild(img);
                                        // col88.interHTML = ihtml
                                }
                        }
                }
                debugger
        };

QQ:1262363236

179

主题

709

帖子

2090

积分

金牌会员

QQ:1262363236

Rank: 6Rank: 6

积分
2090
QQ
 楼主| 发表于 2018-1-8 01:21:45 | 显示全部楼层
本帖最后由 fcci 于 2018-1-8 01:39 编辑

应该每行两个图片的,现在全部显示在了第一行 QQ截图20180108012134.png
QQ:1262363236
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36183
发表于 2018-1-8 11:03:32 | 显示全部楼层
这样的可以直接在col的bind-html中关联函数,函数中返回要显示的html
在函数中把当前行的rowID和关系的值传过去
如下: col.png


函数的定义如下:
  1.         Model.prototype.getImgURL = function(rowID, fFJ) {
  2.                 if (fFJ && fFJ != '[]') {

  3.                         var jsonList = eval("(" + fFJ + ")");
  4.                         var ownerID = rowID;
  5.                         var html = "";
  6.                         if (jsonList !== undefined) {
  7.                                 for (var i = 0; i < jsonList.length; i++) {
  8.                                         var realFileName = encodeURIComponent(jsonList[i]["realFileName"]);
  9.                                         var storeFileName = jsonList[i]["storeFileName"];
  10.                                         var operateType = "browse";
  11.                                         var url = '$UI/system/service/doc/common/simpleFileStore.j?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
  12.                                         url = require.toUrl(url);
  13.                                         html += '<img  src="' + url + '"  style="height:70px;width:70px;margin-left:2px;" />';                               
  14.                                 }
  15.                                 return html;
  16.                         }
  17.                 }
  18.         };
复制代码



远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

179

主题

709

帖子

2090

积分

金牌会员

QQ:1262363236

Rank: 6Rank: 6

积分
2090
QQ
 楼主| 发表于 2018-1-8 11:42:42 | 显示全部楼层
好的,谢谢
QQ:1262363236
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-2 21:12 , Processed in 0.069404 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表