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

QQ登录

只需一步,快速开始

查看: 2020|回复: 5

[结贴] Carousel组件如何更新?

[复制链接]

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
发表于 2016-7-7 15:32:33 | 显示全部楼层 |阅读模式
在淘宝案例中看见Carousel 组件的使用,可以调用add方法增加,但是,未见remove方法?
在设计器中看见Carousel组件下面有个contents组件,然后contents组件下面是img图片;我测试remove的时候,调用的是contents的remove方法;结果数据是删掉了,但是Carousel 的显示未刷新。
请问如何正确更新Carousel 组件;
发表于 2016-7-7 17:26:12 | 显示全部楼层
3.5版本才有remove  和 removeAll方法!欢迎使用新版本!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2016-7-7 17:40:23 | 显示全部楼层
3.5版本是预览版啊?不是正式版啊!还是等正式版再玩吧!这个功能,我暂时可以不使用更新功能;
回复 支持 反对

使用道具 举报

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2016-7-8 10:23:44 | 显示全部楼层
目前只在modelModelConstruct事件的时候,进行初始化;这个事件在页面生命周期内应该是只初始化一次的吧?
如果服务端有更新图片,客户端应该是退出程序,然后重新打开就有了;这样,问题并不太大;
回复 支持 反对

使用道具 举报

发表于 2016-7-8 14:01:26 | 显示全部楼层
ipan 发表于 2016-7-8 10:23
目前只在modelModelConstruct事件的时候,进行初始化;这个事件在页面生命周期内应该是只初始化一次的吧?
...

是的!问题不大!比每次跳转页面都求情服务器,压力小!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2016-9-5 11:13:41 | 显示全部楼层
V3.5以后有remove方法,但是又少了size方法;虽然有next方法进行遍历,但是next方法是在切换图片显示,切换的时候是可以进行remove;但是,这种remove效率不高!
Carousel组件在使用的时候,一般都会先给一个image的图片,然后设置src属性,其他的使用add方法加入img元素;这样加载页面时候效果会好一点;如果直接使用add方法进行加载,页面效果要差一些,加载的时候需要一点时间;所以,在删除的时候,一般只删除第一张以后的即可;所以,需要一个size方法;
这里自己写了一个:
getCarouselSize: function(obj) {
                        var size = -1;
                        if (obj.$domNode) { // Carousel Object
                                size = obj.$domNode.find("ol li").size();
                        } else { // jQuery Object
                                size = obj.find("ol li").size();
                        }
                        return size;
                }
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 15:02 , Processed in 0.049578 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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