轮播调取后台数据图片不显示

xinxiangxue

Model.prototype.modelModelConstruct = function(event) {

xinxiangxue

Model.prototype.modelModelConstruct = function(event) {
                /*
                 * 1、数据模型创建时事件 2、加载静态图片或从缓存中加载图片
                 */
               
                var data = this.comp("imgData");
                data.refreshData();
                var carousel = this.comp("carousel2");
                var fImgUrl = localStorage.getItem("index_BannerImg_src");
                        var fUrl = localStorage.getItem("index_BannerImg_url");
                        $(carousel.domNode).find("img").eq(0).attr({
                                "src" : fImgUrl,
                                "pagename" : fUrl
                        });
        };

        Model.prototype.imgDataCustomRefresh = function(event) {
                /*
                 * 1、加载轮换图片数据
                 * 2、根据data数据动态添加carouse组件中的content页面
                 * 3、如果img已经创建了，只修改属性
                 * 4、第一张图片信息存入localStorage
                 */
                 var carousel = this.comp("carousel2");
                 $.ajax({
            type: "GET",
//            url: require.toUrl('./json/img.json'),
            url: require.toUrl('https://m.kuaitoujiqi.com/app/welcome/focus'),
           dataType: 'json',
            async: false,
            cache: false,
            success: function(data){
                    console.log(data);
                 var imgData = event.source;
                 imgData.loadData(data);
                 console.log(imgData);
                 var me = this;
                  imgData.each(function(obj) {
                        var fImgUrl = obj.row.val("fImgUrl");
                        var fUrl = obj.row.val("fUrl");
                        if (me.comp('contents2').getLength() > obj.index) {
                                $(carousel.domNode).find("img").eq(obj.index).attr({
                                        "src" : fImgUrl,
                                });
                                if (obj.index == 0) {
                                        localStorage.setItem("index_BannerImg_src", + fImgUrl);
                                }
                        } else {
                                carousel.add('<a href=' + obj.row.val("fUrl") + '><img src="' + fImgUrl + '" class="tb-img1"/></a>');
                        }
                });
               
            },
            error: function(){
              throw justep.Error.create("加载数据失败");
            }
            
        });


代码，现在的问题是后台的图片不显示

liangyongfei

xinxiangxue 发表于 2017-3-14 15:44
Model.prototype.modelModelConstruct = function(event) {
                /*
                 * 1、数据模型创建时事件 2、加载静态 ...

看下源码！动态生成的img 标签
src属性的值是什么？？是否正确？？单独在浏览器中请求这个URL 能否打开图片？？

有没有报错信息呢？？

轮播动态生成图片可以参考仿淘宝案例的实现代码！！/UI2/demo/taobao/main.w

xinxiangxue

liangyongfei 发表于 2017-3-14 16:08
看下源码！动态生成的img 标签
src属性的值是什么？？是否正确？？单独在浏览器中请求这个URL 能否打开图 ...

单独可以打开

liangyongfei

xinxiangxue 发表于 2017-3-14 16:58
单独可以打开

单独可以打开！放在img 标签中就打不开了吗？？你看下生成的源码是哪儿不符合标准格式吗？？
这行代码改成这样行吗

1.   carousel.add('<a href=' + obj.row.val("fUrl") + '><img src="' + fImgUrl + '" class="tb-img1"></img></a>');

复制代码

标签要成对出现，加上</img> 试试！

xinxiangxue

liangyongfei 发表于 2017-3-14 17:00
单独可以打开！放在img 标签中就打不开了吗？？你看下生成的源码是哪儿不符合标准格式吗？？
这行代码改 ...

效果图

liangyongfei

xinxiangxue 发表于 2017-3-14 17:07
效果图

看图，只有一个 白点  ！！
默认其他图的dom节点没生成吗？？
你看下仿淘宝！最起码几个图就是几个点！！你没有点 应该是还没加到组件上吧

xinxiangxue

liangyongfei 发表于 2017-3-14 17:15
看图，只有一个 白点  ！！
默认其他图的dom节点没生成吗？？
你看下仿淘宝！最起码几个图就是几个点！！ ...

怎样把后台返回的数据跟我前面定义的imgData关联

liangyongfei

xinxiangxue 发表于 2017-3-15 13:48
怎样把后台返回的数据跟我前面定义的imgData关联

数据需要加载到data组件中
1.imgData  组件的 queryAction 属性绑定相应的查询action 就可以了！
，如果是自己返回的数据，加载到data组件中要求数据格式必须符合规范
http://docs.wex5.com/wex5-ui-question-list-2032/