详细页lmage组件显示多张图片，第一张怎么有一张空的图片

一起GO

详细页 List组件里的 lmage组件显示多张图片，第一张怎么有一张空的图片
image组件把一个字段的图片都显示出来，第一张前面为什么多了一张空的？    
Model.prototype.huodongDataAfterRefresh = function(event){
        var row = this.comp("huodongData").getCurrentRow();
        if (row) {
        try {
        var jsonList = eval("(" + row.val('fImage') + ")");
                if (jsonList instanceof Array) {
                for(var i=0;i<jsonList.length;i++){
                var ownerID = row.getID();
                var realFileName = jsonList["realFileName"];
                var storeFileName = jsonList["storeFileName"];
                var operateType = "browse";
        var url = '/baas/justep/attachment/simpleFileStore?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
                var imgUrl = require.toUrl(url);
                        this.comp("huodongData").newData({
                "defaultValues" : [{
                                         "fImage" : imgUrl
                                  }]
                        });
                }
                }
                } catch (e) {
                console.log(e);
                }
                }
    };

浏览器的效果


手机的效果

ffqfb_wzy

在list里面的某条记录里显示多张图片是困扰我多天的问题，你是怎么做的，能把思路和关键代码分享一下吗？非常感谢！

liangyongfei

ffqfb_wzy 发表于 2016-12-12 09:12
在list里面的某条记录里显示多张图片是困扰我多天的问题，你是怎么做的，能把思路和关键代码分享一下吗？非 ...

第一张怎么有一张空的图片
请调试看看huodongData 这个组件中，getValue获取第一行字段的值是什么？？404表示文件不存在！可能路径不正确

请参考案例：http://docs.wex5.com/wex5-ui-question-list-2093
我是点击按钮的时候生成的！你参考代码实现！

一起GO

liangyongfei 发表于 2016-12-12 11:57
第一张怎么有一张空的图片
请调试看看huodongData 这个组件中，getValue获取第一行字段的值是什么？？404 ...

image组件把一个字段的图片都显示出来，第一张前面为什么多了一张空的？

一起GO

liangyongfei 发表于 2016-12-12 11:57
第一张怎么有一张空的图片
请调试看看huodongData 这个组件中，getValue获取第一行字段的值是什么？？404 ...

liangyongfei

一起GO 发表于 2016-12-12 12:23

看下这个图片的源码，他是属于list组件下的节点吗？？如果是的话，那就是这个data组件
huodongData
数据存储的第一行值有问题！，请检查下第一行的值是怎么来的？？这个你调试看看吧！
反正就是这个url 不存在路径！所以报404错误

一起GO

liangyongfei 发表于 2016-12-12 14:59
看下这个图片的源码，他是属于list组件下的节点吗？？如果是的话，那就是这个data组件
huodongData
数据 ...

image是在list里的，在数据库第一图片已经显示出来了，在前面怎么还有一张空的呢？

一起GO

liangyongfei 发表于 2016-12-12 14:59
看下这个图片的源码，他是属于list组件下的节点吗？？如果是的话，那就是这个data组件
huodongData
数据 ...

如果按照案例的方法就可以了，但是标题与时间就显示不出来了
    Model.prototype.huodongDataAfterRefresh = function(event){
        var data = this.comp("huodongData");
        var defaultValues = [];
        var row = this.comp("huodongData").getCurrentRow();
        if (row) {
        try {
        var jsonList = eval("(" + row.val('fImage') + ")");
                if (jsonList instanceof Array) {
                for(var i=0;i<jsonList.length;i++){
                var ownerID = row.getID();
                var realFileName = jsonList["realFileName"];
                var storeFileName = jsonList["storeFileName"];
                var operateType = "browse";
               var url = '/baas/justep/attachment/simpleFileStore?realFileName=' + realFileName +        '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
                var imgUrl = require.toUrl(url);
                        defaultValues.push({
                                         "fImage" : imgUrl      
                        });
                }
                }
                } catch (e) {
                console.log(e);
                }
                }
                data.clear();
                data.newData({
                        defaultValues : defaultValues
                });
    };

liangyongfei

一起GO 发表于 2016-12-12 15:50
如果按照案例的方法就可以了，但是标题与时间就显示不出来了
    Model.prototype.huodongDataAfterRefres ...

标题和时间，你是放在哪儿显示的？？
可以用chrome 浏览器调试看看源码。是否生成了？？
是样式 挡住了还是没生成？？

一起GO

liangyongfei 发表于 2016-12-12 16:35
标题和时间，你是放在哪儿显示的？？
可以用chrome 浏览器调试看看源码。是否生成了？？
是样式 挡住了还 ...

不是放在list里，是放在panel组件里