1

大家好，我一直在研究添加图像和删除或编辑现有图像的主干应用程序。现在正在将路由器用于画廊，表格等各个部分，但是当我在画廊中编辑某些内容时，我会返回表格并返回，我没有得到我之前所做的更改。相反，它显示旧数据。我需要刷新我的意思是 CTRL+F5 以查看不好的更改。

我尝试了 .clear 和 .reset 它重置集合和模型，但不影响集合内的数据。任何人都可以帮我解决我哪里出错了。

下面是 Collection 和 model 的代码：

var GalleryImage = Backbone.Model.extend({});

 var GalleryImages = Backbone.Collection.extend({
model : GalleryImage,
url: '######',
initialize : function(){


    this.reset();
    if(this.reset())
    {
        console.log("model reset", GalleryImage.cid)
    }else{
        console.log("model not set")
    }

    this.on("reset", this.loadImagesView,this);
    this.on("error", this.errorMessage,this);
        //console.log(GalleryImages.get(0))

},
loadImagesView : function(){
    //console.log(this);
    //console.log(this.CollView.$el);
    if(!this.CollView){
        this.CollView = new GalleryImagesView({collection:this})
    }
        this.CollView.render(); 

},
errorMessage : function(){
    jQuery('#imageBlocksDiv').html('<span id="noMsg"><h4>No images to display.</h4></span>');
}

});

而对于路由器是：

initGallery : function(){

            jQuery('#invset').hide();
            jQuery('#imagelist').children().eq(0).append(jQuery('.floor_img').find('#box').css({'z-index':'1','position':'relative','margin-top':'0px','margin-left':'0px'}));
            pinterest(undefined);
    jQuery("#box").show();
            jQuery('#invset').hide();
            jQuery('#inventorycontent').hide();
    jQuery("#boxnews").hide();
    jQuery("#boxzip").hide();
    jQuery(".select").attr('style','display:block');
    jQuery(".select").attr('id','ugallerygal');
    jQuery(".pagetitle").html('Gallery');
    var that = this,projectId = jQuery('#ugallerygal').val();
    jQuery('#imageBlocksDiv').html('');
    var imgObj = new GalleryImages();

    //this.reset(imgObj);

    imgObj.fetch({data: jQuery.param({projectId: projectId, add:true, reset:true}), success:function(){
                      console.log(imgObj)
                      imgObj.trigger("reset");
          },
          error : function(){
          imgObj.collection.trigger("error");
          }
    });

},

不仅如此，我还有一个部分，当用户单击图像时，图像打开并通过单击图像上的任何位置，可以放置一个点并在我存储在解析中的该点添加详细信息，但是更改的值会被保存，但是当我回到图像，显示较旧的位置和编号图像，而不是存储在解析中的较新的和更新的点。我想这两个州的问题都是一样的，所以一个解决方案对所有人都有效。

任何帮助都深表感谢。提前致谢

谢谢你，桑托什·乌帕德哈伊

4

1 回答 1

0

问题可能与重置顺序和添加重置侦听器有关。尝试改变

this.reset();
if(this.reset())
{
    console.log("model reset", GalleryImage.cid)
}else{
    console.log("model not set")
}

this.on("reset", this.loadImagesView,this);
this.on("error", this.errorMessage,this);

至

this.on("reset", this.loadImagesView,this);
this.on("error", this.errorMessage,this);
this.reset();
if(this.reset())
{
    console.log("model reset", GalleryImage.cid)
}else{
    console.log("model not set")
}
于 2013-11-04T15:21:05.493 回答