在backbone.js中更改视图的模型

我正在尝试在backbone.js中更改模态对话框视图的模型，以及...至今没有运气。在backbone.js中更改视图的模型

这里是我的代码：

var modal, 
 
    myCollection; 
 

 
var MyModal = Backbone.View.extend({ 
 
     template: _.template($('#modalTemplate').html()), 
 
     initialiaze: function (options) { 
 
      this.$el = options.el; 
 
      this.model.on('change', this.render, this); 
 
     }, 
 
     render: function() { 
 
      this.$el.html(this.template(this.model.toJSON())); 
 
      return this; 
 
     }, 
 
     events: { 
 
      'click .close-modal': 'closeModal' 
 
     }, 
 
     openModal: function (model) { 
 
      this.model.set(model); 
 
      
 
      $('.modals').removeClass('hidden').fadeIn(); 
 
     }, 
 
     closeModal: function (e) { 
 
      e.preventDefault(); 
 
      this.$el.addClass('hidden'); 
 
     } 
 
    }); 
 

 
var GridView = Backbone.View.extend({ 
 
     el: $('#grid'), 
 
     template: _.template($('#template1').html()), 
 
     initialize: function (options) { 
 
      this.options = options; 
 
      this.render(); 
 
     }, 
 
     events: { 
 
      'click div.grid': 'openGridGallery' 
 
     }, 
 
     openGridGallery: function (e) { 
 
      e.preventDefault(); 
 
      modal.openModal(myCollection.at(0)); 
 
     }, 
 
     render: function() { 
 
      myCollection = new Backbone.Collection(this.model.get([0])); 
 
      // ...... 
 

 
      modal = new MyModal({ model: new Backbone.Model(), el: $('.modals') }); 
 
      $('.modals').append(modal.render()); 
 
     } 
 
    });

<div class="modals"></div> 
 

 
<script type="text/template" id="modalTemplate"> 
 
    <div id="mymodal" class="modal"> 
 
     <div class="close"><a href="#"><span class="close-modal icon-close"></span></a></div> 
 
    </div> 
 
</script>

以此为据可以作为创建一个模式对话框并显示它。但是，this.model.set（模型）;在openModal方法内部似乎没有做任何事情。我究竟做错了什么？

谢谢

来源

2014-11-21 petermk

你可以改变你的代码片断，它会工作，并解释更你想用它达到什么样的信息？ – 2014-11-21 07:30:16

基本上它是一个图像网格，当你点击任何图像时，它应该打开一个带有某个标题的图像的较大版本的模式覆盖。谢谢 – petermk 2014-11-21 08:04:52

由于'openGridGallery'功能，您的模式显示相同的模型。 'modal.openModal（myCollection.at（0））'将始终显示集合中的第一个模型。我会建议你将“模态开放”逻辑移到模态的视图上，并在那里处理它，以确定你正在显示哪个模型。 – 2014-11-21 08:17:09

模型的一套方法，期望参数是JSON所以试试这个

this.model.set(model.toJSON());

来源

2014-11-21 07:28:50 StateLess

只要更新模型，但不会触发this.model.on（'change'，this.render，this）; – petermk 2014-11-21 07:59:14

现在一切正常，但我仍然不知道为什么this.model.on（'change'，this.render，this）;没有被触发。尽管我可以通过添加this.render（）来解决这个问题。打开Modal。 – petermk 2014-11-21 08:46:11

@petermk尝试在模型中设置默认值以获取触发的更改事件 – StateLess 2014-11-21 08:50:10

在GridView渲染功能，你应该通过new Backbone.Model()。此外，你应该模型以JSON转换设置由@活跃编码器作为之前所说

render: function() { 
    //... 
    modal = new MyModal({ model: new Backbone.Model(), el: $('.modals') }); 
    $('.modals').append(modal.render()); 
}

来源

2014-11-21 08:14:55 VJAI

是的，对不起，我在我的代码中纠正了这一情况，只是忘了在此处进行编辑。 – petermk 2014-11-21 08:15:43

你能纠正你上面发布的代码中的所有错误吗？ – VJAI 2014-11-21 08:17:11

在backbone.js中更改视图的模型

回答

相关问题