carouse 的removeAll 性能问题

hn615313 · 发表于 2016-6-30 23:26:44

本帖最后由 hn615313 于 2016-7-5 09:15 编辑

业务中 carouse 做的跑马灯效果需要刷新
carouse 从后台取到图片 add 进去
3.5 升级有了removeAll 方法
所以在从服务器取得数据后
先removeAll
然后add进去数据

那么出现一个情况那就是
removeAll 后出现白板  然后add的时候时而能够加进去（有延迟 4秒作用）时而就是一块白板
代码：

Model.prototype.imgDateCustomRefresh = function(event) {
            var data = event.source;
            var params = {
                     "columns" : Baas.getDataColumns(data),
                     "limit" : event.limit,
                     "offset" : event.offset,
            };
            var imgData = event.source;
            imgData.clear();
            $.ajax({
                     type : "post",
                     url : require.toUrl('http://120.76.156.164:8080/member!getPicList.action'),
                     dataType : 'json',
                     async : false,
                     cache : false,
                     data : {
                              "params" : JSON.stringify(params)
                     },
                     success : function(data) {
                              console.log(data);
                              imgData.loadData(data);
                     },
                     error : function() {
                              throw justep.Error.create("加载数据失败");
                     }
            });
            var carousel = this.comp("carousel1");
            carousel.removeAll();
            event.source.each(function(obj) {
                     var fImgUrl = "http://120.76.156.164:8080/UploadFiles/" + obj.row.val("url");
                     var id = obj.row.val("id");
                     console.log(fImgUrl)
//                      if (obj.index == 0) {
//                               $(carousel.domNode).find("img").eq(0).attr({
//                                     "src" : fImgUrl,
//                                     "id" : id
//                               });
//                      } else {
                              carousel.add('<img src="' + fImgUrl + '" style="height:240px;"  class="image-wall" bind-click="openimg" id="' + id + '"/>');
                     //}
            });
      };

Model.prototype.modelParamsReceive = function(event){
            var imgDate=this.comp("imgDate");
            var context = this.getContext();

                  //获取URL中的参数
                  var p1 = context.getRequestParameter('p1');
                  if(p1!=""){
                        imgDate.refreshData();
                  }
      };

hn615313 · 发表于 2016-7-1 09:08:07

现在等

liangyongfei · 发表于 2016-7-1 14:01:51

3.5版本已经提供 remove 方法！欢迎升级使用把！

hn615313 · 发表于 2016-7-1 16:19:35

liangyongfei 发表于 2016-7-1 14:01
3.5版本已经提供 remove 方法！欢迎升级使用把！

已使用又问题
3.5 升级有了removeAll 方法
所以在从服务器取得数据后
先removeAll
然后add进去数据

那么出现一个情况那就是
removeAll 后出现白板然后add的时候时而能够加进去（有延迟 4秒作用）时而就是一块白板

liangyongfei · 发表于 2016-7-1 18:46:47

hn615313 发表于 2016-7-1 16:19
已使用又问题
3.5 升级有了removeAll 方法
所以在从服务器取得数据后

能稳定重现吗？？建议把你的资源代码发来！本地重现看看吧！

hn615313 · 发表于 2016-7-4 14:05:12

Model.prototype.imgDateCustomRefresh = function(event) {
var data = event.source;
var params = {
"columns" : Baas.getDataColumns(data),
"limit" : event.limit,
"offset" : event.offset,
};
var imgData = event.source;
imgData.clear();
$.ajax({
type : "post",
url : require.toUrl('http://120.76.156.164:8080/member!getPicList.action'),
dataType : 'json',
async : false,
cache : false,
data : {
"params" : JSON.stringify(params)
},
success : function(data) {
console.log(data);
imgData.loadData(data);
},
error : function() {
throw justep.Error.create("加载数据失败");
}
});
var carousel = this.comp("carousel1");
carousel.removeAll();
event.source.each(function(obj) {
var fImgUrl = "http://120.76.156.164:8080/UploadFiles/" + obj.row.val("url");
var id = obj.row.val("id");
console.log(fImgUrl)
// if (obj.index == 0) {
// $(carousel.domNode).find("img").eq(0).attr({
// "src" : fImgUrl,
// "id" : id
// });
// } else {
carousel.add('<img src="' + fImgUrl + '" style="height:240px;"  class="image-wall" bind-click="openimg" id="' + id + '"/>');
//}
});
};

Model.prototype.modelParamsReceive = function(event){
var imgDate=this.comp("imgDate");
var context = this.getContext();

      //获取URL中的参数
      var p1 = context.getRequestParameter('p1');
      if(p1!=""){
        imgDate.refreshData();
      }
};

hn615313 · 发表于 2016-7-4 14:05:48

liangyongfei 发表于 2016-7-1 18:46
能稳定重现吗？？建议把你的资源代码发来！本地重现看看吧！

Model.prototype.imgDateCustomRefresh = function(event) {
            var data = event.source;
            var params = {
                     "columns" : Baas.getDataColumns(data),
                     "limit" : event.limit,
                     "offset" : event.offset,
            };
            var imgData = event.source;
            imgData.clear();
            $.ajax({
                     type : "post",
                     url : require.toUrl('http://120.76.156.164:8080/member!getPicList.action'),
                     dataType : 'json',
                     async : false,
                     cache : false,
                     data : {
                              "params" : JSON.stringify(params)
                     },
                     success : function(data) {
                              console.log(data);
                              imgData.loadData(data);
                     },
                     error : function() {
                              throw justep.Error.create("加载数据失败");
                     }
            });
            var carousel = this.comp("carousel1");
            carousel.removeAll();
            event.source.each(function(obj) {
                     var fImgUrl = "http://120.76.156.164:8080/UploadFiles/" + obj.row.val("url");
                     var id = obj.row.val("id");
                     console.log(fImgUrl)
//                      if (obj.index == 0) {
//                               $(carousel.domNode).find("img").eq(0).attr({
//                                     "src" : fImgUrl,
//                                     "id" : id
//                               });
//                      } else {
                              carousel.add('<img src="' + fImgUrl + '" style="height:240px;"  class="image-wall" bind-click="openimg" id="' + id + '"/>');
                     //}
            });
      };

Model.prototype.modelParamsReceive = function(event){
            var imgDate=this.comp("imgDate");
            var context = this.getContext();

                  //获取URL中的参数
                  var p1 = context.getRequestParameter('p1');
                  if(p1!=""){
                        imgDate.refreshData();
                  }
      };

hn615313 · 发表于 2016-7-4 17:33:58

在线等

hn615313 · 发表于 2016-7-5 09:14:10

在线等

hn615313 · 发表于 2016-7-5 09:16:09

liangyongfei 发表于 2016-7-1 18:46
能稳定重现吗？？建议把你的资源代码发来！本地重现看看吧！

求再帮忙看下

		自动登录	找回密码
密码			注册

[处理中5] carouse 的removeAll 性能问题