attachmentSimple上传bassData数据，如何实现仿淘宝首页轮播。

tot112

define(function(require) {
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function() {
                this.callParent();

        };

        // 附件图片路径转换
        Model.prototype.getImageUrl = function(row) {
                if (row !== undefined) {
                        var jsonList = eval("(" + row.val('fImg') + ")");
                        var ownerID = row.getID();
                        if (jsonList !== undefined && jsonList !== null) {
                                var realFileName = jsonList[0]["realFileName"];
                                var storeFileName = jsonList[0]["storeFileName"];
                                var operateType = "browse";
                                var url = '$UI/system/service/doc/common/simpleFileStore.j?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;
                                return require.toUrl(url);
                        }
                }
        };

        Model.prototype.imgDataCustomRefresh = function(event) {
                var imgData = this.comp("imgData");
               
                imgData.loadData(imgData, true, null, null, true);                       
                var me = this;
                var carousel = this.comp("carousel1");
                imgData.each(function(obj) {
                        var fImg = require.toUrl(obj.row.val("fImg", this.getImgUrl(event.value)));
                        var fUrl = require.toUrl(obj.row.val("fUrl"));
                        if (me.comp('contentsImg').getLength() > obj.index) {
                                $(carousel.domNode).find("img").eq(obj.index).attr({
                                        "bind-attr-src" : fImg,
                                        "pagename" : fUrl
                                });
                                if (obj.index == 0) {
                                        localStorage.setItem("index_BannerImg_src", fImg);
                                        localStorage.setItem("index_BannerImg_url", fUrl);
                                        }
                        } else {
                                carousel.add('<img bind-attr-src="' + fImg + '" class="img1" bind-click="openPageClick" pagename="' + fUrl + '"/>');
                        }
                });
        };

       
        return Model;
});

tot112

现在能正常轮播图片。
Model.prototype.imgDataAfterRefresh = function(event) {

                var me = this;
                var carousel = this.comp("carousel1");
                event.source.each(function(obj) {

                        var jsonList = eval("(" + obj.row.val('fImg') + ")");
                        var ownerID = obj.row.getID();
                        var realFileName = jsonList[0]["realFileName"];
                        var storeFileName = jsonList[0]["storeFileName"];
                        var operateType = "browse";
                        var url = '$UI/system/service/doc/common/simpleFileStore.j?realFileName=' + realFileName + '&storeFileName=' + storeFileName + '&ownerID=' + ownerID + '&operateType=' + operateType;

                        var fImg = require.toUrl(url);

                        var fUrl = require.toUrl(obj.row.val("fUrl"));
                        if (me.comp('contentsImg').getLength() > obj.index) {
                                $(carousel.domNode).find("img").eq(obj.index).attr({
                                        "src" : fImg,
                                        "pagename" : fUrl
                                });
                                if (obj.index == 0) {
                                        localStorage.setItem("index_BannerImg_src", fImg);
                                        localStorage.setItem("index_BannerImg_url", fUrl);
                                }
                        } else {

                                carousel.add('<img src="' + fImg + '" class="img1" data-bind="attr:{src=$model.getImageUrl($model.imgData.getCurrentRow())  bind-click="openpageclick"  pagename="' + fUrl + '"}/>');

                        }
                });
        };

tot112

偶是新手，一直不能实现，请看看楼上代码，请教。

liangyongfei

基本上逻辑，我看是正确的！你使用debugger调试代码看看，fImg 和 fUrl 变量的值正确吗？
还有bind-attr-src是绑定ok对象的，而不是直接赋值一个字符串的路径，如果使用字符串就直接写src属性即可！

tot112

Model.prototype.imgDataCustomRefresh = function(event) {
        debugger
                var imgData = this.comp("imgData");
               
                imgData.loadData(imgData, true, null, null, true);                       
                var me = this;
                var carousel = this.comp("carousel1");
                imgData.each(function(obj) {
                        var fImg = require.toUrl(obj.row.val("fImg"));
                        var fUrl = require.toUrl(obj.row.val("fUrl"));
                        if (me.comp('contentsImg').getLength() > obj.index) {
                                $(carousel.domNode).find("img").eq(obj.index).attr({
                                        "src" : fImg,
                                        "pagename" : fUrl
                                });
                                if (obj.index == 0) {
                                        localStorage.setItem("index_BannerImg_src", fImg);
                                        localStorage.setItem("index_BannerImg_url", fUrl);
                                        }
                        } else {
                                carousel.add('<img bind-attr-src="$model.getImageUrl($model.imgData.getCurrentRow())" class="img1" bind-click="openPageClick" pagename="' + fUrl + '"/>');
                        }
                });
        };

tot112

这样调整后还是不能实现，请大师指教。

liangyongfei

tot112 发表于 2016-1-27 15:23
这样调整后还是不能实现，请大师指教。

已远程
loadData方法写的不对！
你的data数据根本就没有加载成功，你是自定义的baasServer 建议先学会baasServer如何加载数据到baasData中
：http://wex5.com/cn/1-wex5#0

tot112

谢谢已解决，请结贴

liangyongfei

tot112 发表于 2016-1-28 15:27
谢谢已解决，请结贴

希望您能把你的代码分享一下，让大家参考！谢谢

54alin

tot112 发表于 2016-1-28 15:31
现在能正常轮播图片。
Model.prototype.imgDataAfterRefresh = function(event) {

刚好也碰上这个问题，学习了！！！