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

QQ登录

只需一步,快速开始

查看: 7273|回复: 30

[结贴] 上传多张图片,在详细页面怎样把多张图片显示出来??

[复制链接]

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
发表于 2016-12-2 16:05:19 | 显示全部楼层 |阅读模式
本帖最后由 一起GO 于 2016-12-7 20:11 编辑

一个字段attachmentSimple上传多张图片,在详细w页Image组件怎样把一个字段的图片都显示出来?
152404ik5bmm3lmmmrzymr.png

    Model.prototype.getImageUrl = function() {
        var row = this.comp("huodongData").getCurrentRow();
        if (row) {
        try {
        var jsonList = eval("(" + row.val('fImage') + ")");
        if (jsonList instanceof Array) {
        var ownerID = row.getID();
        var realFileName = jsonList[0]["realFileName"];
        var storeFileName = jsonList[0]["storeFileName"];
        var operateType = "browse";
        var url = '/baas/justep/attachment/simpleFileStore?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
        return require.toUrl(url);
        }
        } catch (e) {
        console.log(e);
        }
        }
        return "";
    };

发表于 2016-12-2 17:03:48 | 显示全部楼层
代码中
jsonList[0] 表示的是获取数组中的第一个元素!
如果你是多张图片,有、就应该循环把图片的url地址放置在 自定义data组件中!

然后多个图片显示就是list中,绑定这个data组件显示!可以参考list案例!

这个问题我后面会做一个案例!你先自己研究下!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-2 17:26:09 | 显示全部楼层
liangyongfei 发表于 2016-12-2 17:03
代码中
jsonList[0] 表示的是获取数组中的第一个元素!
如果你是多张图片,有、就应该循环把图片的url地址 ...

不知道怎样做一个循环,有案例就好了
回复 支持 反对

使用道具 举报

发表于 2016-12-2 17:51:57 | 显示全部楼层
一起GO 发表于 2016-12-2 17:26
不知道怎样做一个循环,有案例就好了

js for循环啊!

for(var i=0; i<jsonList.length; i++){
jsonList["realFileName"];
//剩下的写法和上边的代码一样!

}

如果这也看不懂,那就要加强学习js语法了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-2 20:04:44 | 显示全部楼层
liangyongfei 发表于 2016-12-2 17:51
js for循环啊!

for(var i=0; i

还是不行
QQ截图20161202200416.png
回复 支持 反对

使用道具 举报

发表于 2016-12-5 09:52:14 | 显示全部楼层
本帖最后由 liangyongfei 于 2016-12-5 09:53 编辑

当然不行了!因为你执行了return 方法!return 后就直接结束代码的执行了!循环肯定执行不完!

你在这里写的代码应该是在 huodongData 的onAfterRefresh 事件中:
自定义data组件,通过data.newData 方法把url 全部加进去!

newData 请查API ,建议执行一次加进去就行了!不用循环往里加!

getImageUrl 应该是list 绑定 这个自定义data实现的!


你可以先做别的!,这个案例,我有空做一下!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-5 14:07:53 | 显示全部楼层
liangyongfei 发表于 2016-12-5 09:52
当然不行了!因为你执行了return 方法!return 后就直接结束代码的执行了!循环肯定执行不完!

你在这里 ...

能给一段代码吗?
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-5 14:11:23 | 显示全部楼层
liangyongfei 发表于 2016-12-5 09:52
当然不行了!因为你执行了return 方法!return 后就直接结束代码的执行了!循环肯定执行不完!

你在这里 ...

我现在项目还在做,就剩下这个问题了
回复 支持 反对

使用道具 举报

46

主题

227

帖子

378

积分

中级会员

Rank: 3Rank: 3

积分
378
QQ
 楼主| 发表于 2016-12-5 15:23:58 | 显示全部楼层
本帖最后由 一起GO 于 2016-12-5 15:25 编辑
liangyongfei 发表于 2016-12-5 09:52
当然不行了!因为你执行了return 方法!return 后就直接结束代码的执行了!循环肯定执行不完!

你在这里 ...

增加这个事件在详细页什么都显示不出来了
      
这样对不对
        Model.prototype.huodongDataAfterRefresh = function(event){
                var jsonList = this.params.huodongID;
                var a = this.comp("huodongData");
                for(var i=0;i<jsonList.length;i++){
                        var options = {
                                defaultValues : [
                                        {img:jsonList}
                                ]};
                a.newData(options);
                }
        };
回复 支持 反对

使用道具 举报

发表于 2016-12-5 16:45:09 | 显示全部楼层
一起GO 发表于 2016-12-5 15:23
增加这个事件在详细页什么都显示不出来了
      
这样对不对

不对!请按5楼的方法!吧图片的url加进去才行!而不是把这个字段的值加进去!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-5-17 14:13 , Processed in 0.067553 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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