关于动态生成content

xiaoqinhy

之前发过一个帖子询问动态生成content的，感谢管理员的解答，问题已经解决了。
但是后来我动态生成对应的li时，出现了些问，求助管理员大神帮忙看下。
动态生成的效果是没有问题的，只不过li的active没有对应正确，我修改之后能对应上，而且点击li图片也能正确切换，但是我打包成app后滑动切换却发生了错位的现象。改回去吧，li又对应不上，改来改去我脑子都成浆糊了，只能来求大神帮忙了。
感觉是contents的onActiveChange方法中有些问题，貌似event中的from和to的值不大对头，我也混乱了。
代码附上 contentsNew.rar (40.35 KB, 下载次数: 939)

2015-6-27 17:52 上传

点击文件名下载附件
动态生成content

zhaixin

目前发现contents组件的onActiveChange事件的参数不一致
如果是从第一页滑动到第二页，event.from是0，event.to是1
如果是调用to方法，从第一页切换到第二页，，event.from是1，event.to是2
这个问题已经提交缺陷，编号 2015062900002

现在的解决方法是在li的click事件中再次设置class
        Model.prototype.modelLoad = function(event){
                //将detail数据组件中的图片地址加载到新生成content中的img空间中
        var self=this;
        var i=0;
        this.comp('detailData').each(function(param){
            var newContent = self.comp('contents1').add({});
            var div = $("<div xid='div"+i+"'><img src='"+Model.prototype.toUrl(param.row.val("fImageUrl"))+"'  xid='image"+i+"' class='m-img' style='width:100%'></img></div>");
            justep.Bind.addNodes(newContent.domNode, div);
            
            var ul = self.getElementByXid('ul1');
        　　　　        //添加 li
        　　　　        var li = document.createElement("li");
        　　　　        //设置 li 属性，如 id
        　　　        li.setAttribute("index", i);
        　　　        li.setAttribute("style", 'width:50px;');
        　　　　        ul.appendChild(li);
            i=i+1;
        });
        
        this.comp("contents1").to(0);
        var indicators = $('[xid="contents1"]>.carousel-indicators>li'), m = this;
                indicators.click(function() {
                        var index = parseInt($(this).attr("index"));
                        m.comp('contents1').to(index);
                        $(".carousel-indicators li").removeClass('active');
                        $(this).addClass('active');
                });
        };

        Model.prototype.contents1ActiveChange = function(event){
                $(".carousel-indicators li").removeClass('active');
                var to = parseInt(event.to);
                if(event.from == -1)
                        to = 0;
                if (!isNaN(to)) {
                        var li = $(".carousel-indicators li").eq(to);
                        li.addClass('active');
                }
        };

xiaoqinhy

zhaixin 发表于 2015-6-29 11:52
目前发现contents组件的onActiveChange事件的参数不一致
如果是从第一页滑动到第二页，event.from是0，even ...

OK，亲测好用，谢谢，可以结贴了！

liangyongfei

您好楼主,该缺陷已经在3.2版本中得到解决,如没有特殊限制！建议您用新版本