Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更新布局视图';s模型_Javascript_Backbone.js_Marionette - Fatal编程技术网

Javascript 更新布局视图';s模型

Javascript 更新布局视图';s模型,javascript,backbone.js,marionette,Javascript,Backbone.js,Marionette,单击“Clicks”(单击)链接以查看显示更新模型数据的控制台,但原始显示的HTML没有更改 在LayoutView上更新模型似乎不会导致视图更新显示的数据。我认为这是视图和模型之间默认交互的一部分。主干网和木偶网不会自动将模型数据绑定到视图。您必须侦听该模型,才能在视图中进行更改并更新它 例如,当模型中的任何数据发生更改时,可以简单地完全重新渲染视图: initialize: function(){ this.listenTo( this.model, "change", this.r

单击“Clicks”(单击)链接以查看显示更新模型数据的控制台,但原始显示的HTML没有更改


在LayoutView上更新模型似乎不会导致视图更新显示的数据。我认为这是视图和模型之间默认交互的一部分。

主干网和木偶网不会自动将模型数据绑定到视图。您必须侦听该模型,才能在视图中进行更改并更新它

例如,当模型中的任何数据发生更改时,可以简单地完全重新渲染视图:

initialize: function(){
    this.listenTo( this.model, "change", this.render );
}
或者为预期更改的特定数据段创建侦听器,并且只更新视图的一部分。如果视图更复杂,则首选此选项:

onRender: function(){
    this.listenTo( this.model, "change:value", this.renderValue );
},
renderValue: function(){
    /* This expects that you wrap the value with
       <span class="value"></span>
       in the template */
    this.$('.value').text( this.model.get('value') );
}