关于carousel的小问题

q2045377

按照您指导的  写了这个 ，  但是有一个小情况 ，我在carousel1放了5个content，content1，content3，content4，content5，content6，分别绑定image1-image5只有image1有值，carousel1只显示一张图片，ol也只显示一个白点，但是在手机测试的时候，也仅仅显示一张，carousel1还可以往右滑，当然是空白，所以在网页上看了下源码，content4，content 6竟然还在。
但是content3，content5已经被删了，，，，，所以求问下情况
另一个页面也是这样的情况

var carousel=this.comp("carousel1");  //移除banner事件    for(var i=1;i<10;i++){
    var image =data.val("image"+i+"")
    if(image == null || image == "" || image == "[]"){
    carousel.remove (i-1);
        }

liangyongfei

carousel1 组件如果是添加静态 图片
可以参考案例：/UI2/portal/sample/main/main.w

如果是动态添加，可以参考仿淘宝
/UI2/demo/taobao/main.w

请问你使用for循环，执行carousel.remove (i-1);  删除所有图片吗？？
可以直接调用
carousel.removeAll()  就行的啊！不用循环

请问你想达到的目的和效果是什么呢？

q2045377

liangyongfei 发表于 2017-6-26 11:32
carousel1 组件如果是添加静态 图片
可以参考案例：/UI2/portal/sample/main/main.w

就是  当image5字段为空  删除第五个banner   image4为空  删除第四个banner
当我测试的时候只有image1有值得时候，发现 第三个和第五个content竟然没被删掉，，ol组件虽然只能看到只要一个，就是一个小白点，但是看源码会发现没删掉，，但是第2个第4个被删了。我又尝试写conent删除代码，，测试的时候发现  图片会出现，，又马上消失了，，f12，看代码，，但是content1存在，里面绑定的图片也存在，求原因        
var carousel=this.comp("carousel1");  //移除banner事件
    for(var i=1;i<6;i++){
    var image =data.val("image"+i+"")
    if(image == null || image == "" || image == "[]"){
    carousel.remove (i-1);
        }
    }
    var content=this.comp("contents1");  //移除banner事件
    for(var i=1;i<6;i++){
    var image =data.val("image"+i+"")
    if(image == null || image == "" || image == "[]"){
    content.remove (i-1,i);
        }
    }

q2045377

liangyongfei 发表于 2017-6-26 11:32
carousel1 组件如果是添加静态 图片
可以参考案例：/UI2/portal/sample/main/main.w

就是  当image5字段为空  删除第五个banner   image4为空  删除第四个banner
当我测试的时候只有image1有值得时候，发现 第三个和第五个content竟然没被删掉，，ol组件虽然只能看到只要一个，就是一个小白点，但是看源码会发现没删掉，，但是第2个第4个被删了。我又尝试写conent删除代码，，测试的时候发现  图片会出现，，又马上消失了，，f12，看代码，，但是content1存在，里面绑定的图片也存在，求原因        
var carousel=this.comp("carousel1");  //移除banner事件
    for(var i=1;i<6;i++){
    var image =data.val("image"+i+"")
    if(image == null || image == "" || image == "[]"){
    carousel.remove (i-1);
        }
    }
    var content=this.comp("contents1");  //移除banner事件
    for(var i=1;i<6;i++){
    var image =data.val("image"+i+"")
    if(image == null || image == "" || image == "[]"){
    content.remove (i-1,i);
        }
    }

liangyongfei

q2045377 发表于 2017-6-26 12:00
就是  当image5字段为空  删除第五个banner   image4为空  删除第四个banner
当我测试的时候只有image1有 ...

删除的时候注意！一定要先删除索引 较大的页面！！
因为contents组件！如果先删除第2个，这个时候就变成 1345 了！
再删除第三个就变成 135 了
再删除第四个，还是135.第4个已经没有了！

每次删除索引都会重新排序的！所以不能先删除索引下的content

所以你应该先删除5 ，再删除4 ，依次递减，才不会出现错乱