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

QQ登录

只需一步,快速开始

查看: 6019|回复: 10

[结贴] 您好,以下是我轮播的全部实现代码,请帮我看看

[复制链接]

275

主题

1012

帖子

1695

积分

金牌会员

Rank: 6Rank: 6

积分
1695
QQ
发表于 2017-6-27 09:20:48 | 显示全部楼层 |阅读模式
define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
DocUtils = require('$UI/system/components/justep/docCommon/docUtil');

        var Model = function() {
                this.callParent();
                this.contentName;
                this.tag;
                this.lastContentXid = "homeContent";
        };



// 下划刷新
        Model.prototype.scrollViewPullDown = function(event) {
                /*
                 * 1、滚动视图下拉事件 2、刷新data
                 */
                 
                 debugger;
                this.comp("bizData2").refreshData();
        };
       


        Model.prototype.bizData2CustomRefresh = function(event){

        /*         * 1、加载轮换图片数据
                 * 2、根据data数据动态添加carouse组件中的content页面
                 * 3、如果img已经创建了,只修改属性
                 * 4、第一张图片信息存入localStorage*/

                 
                 
                 debugger;
                  var XCTP = this.comp("bizData2");
                    XCTP.loadData(XCTP, true, null, null, true);
                var me = this;
                var carousel = me.comp("carousel1");
                XCTP.each(function(obj) {
                        var fImgUrl = require.toUrl(obj.row.val("TPNR"));
                        if (me.comp('contentsImg').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('<img src="' + fImgUrl + '" class="tb-img1" />');
                        }
                });
        };





        return Model;
});




存在两个问题:1.debugger调试到 var XCTP = this.comp("bizData2");  找不到数据,去库里和动作上查了,都是有一条数据的。bizdata绑定的数据源也是一致的。
                         2.这个轮博效果还是未能实现,还希望您帮我解决一下,如果不行的话,我希望您帮我指点其他的实现方式。

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-6-27 10:51:41 | 显示全部楼层
在model的onLoad中去实现
不要在data的CustomRefresh中实现
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

275

主题

1012

帖子

1695

积分

金牌会员

Rank: 6Rank: 6

积分
1695
QQ
 楼主| 发表于 2017-6-27 14:07:17 | 显示全部楼层
jishuang 发表于 2017-6-27 10:51
在model的onLoad中去实现
不要在data的CustomRefresh中实现

您好,现在可以拿到这条数据了。图片还没出来,请您帮我看看我的代码是不是有错误
E[2]NBA~_`4UQ{442KS1%DQ.png
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-6-27 15:40:32 | 显示全部楼层
看你给的fImgUrl是什么啊
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

275

主题

1012

帖子

1695

积分

金牌会员

Rank: 6Rank: 6

积分
1695
QQ
 楼主| 发表于 2017-6-27 16:13:54 | 显示全部楼层
jishuang 发表于 2017-6-27 15:40
看你给的fImgUrl是什么啊

就是图片的字段值
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-6-27 16:40:29 | 显示全部楼层
具体指发一下看看啊
确认走的是if还是else分支?
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

275

主题

1012

帖子

1695

积分

金牌会员

Rank: 6Rank: 6

积分
1695
QQ
 楼主| 发表于 2017-6-27 17:14:26 | 显示全部楼层
您好,已经实验了,数据可以取到,走的判断索引为0走前两个,大于0之后走else没有问题,就是图片没出来。
QDCV$3K`9[UO6AE]6C]Z$9Q.png
ZLO(ZU0T)85QUY`Z_Y[AY)A.png
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36069
发表于 2017-6-28 09:19:20 | 显示全部楼层
附件组件上传的要获取url才能显示,不能直接用json去显示
可以参考http://docs.wex5.com/bex5-ui-question-list-10207/
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

275

主题

1012

帖子

1695

积分

金牌会员

Rank: 6Rank: 6

积分
1695
QQ
 楼主| 发表于 2017-6-28 11:53:26 | 显示全部楼层
jishuang 发表于 2017-6-28 09:19
附件组件上传的要获取url才能显示,不能直接用json去显示
可以参考http://docs.wex5.com/bex5-ui-question- ...

谢谢,我试试
回复 支持 反对

使用道具 举报

275

主题

1012

帖子

1695

积分

金牌会员

Rank: 6Rank: 6

积分
1695
QQ
 楼主| 发表于 2017-6-29 17:00:54 | 显示全部楼层
jishuang 发表于 2017-6-28 09:19
附件组件上传的要获取url才能显示,不能直接用json去显示
可以参考http://docs.wex5.com/bex5-ui-question- ...

您好,首先感谢您帮我解决了轮播效果的实现。  目前轮播是可以正常进行,只是窝里边循环这块,加载的id总是这一条所以它拿取的图片都是同一张,比如传了三张图片,通过跟踪前台代码发现,每次获取的行id和图片docid都是库里的第一条数据,请问这个该如何调整一下。   以上是我的代码
5KKX4JO6AZKOI0`20WVN1OI.png
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-26 00:28 , Processed in 0.069828 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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