在模型更改重新渲染时,一些嵌套属性会消失

Posted

技术标签:

【中文标题】在模型更改重新渲染时,一些嵌套属性会消失【英文标题】:On model change re-render, some nested attributes disappears 【发布时间】:2012-04-23 11:46:08 【问题描述】:

我有以下消息主干设置:

  class InboxItemView extends Backbone.View
    initialize: ->
      @model.on('change', @render, @)
    render: ->
      @$el.html JST['buy/messages/templates/received_message'](@model.toJSON())
      @

  class InboxListView extends Backbone.View
    items: []
    initialize: ->
      @collection.on('reset', @reset, @)
    reset: ->
      _.each @items, (item) -> item.remove()
      @items = _.map @collection.received(), (model) =>
        item = new InboxItemView(model: model)
        @$('tbody').append item.render().el
        item

型号

  class Message extends Backbone.Model

  class Messages extends Backbone.Collection
    model: Message
    url: '/messages'
    received: -> @filter (message) -> message.get('receiver').id == gon.userId

拉布尔:

object @message
attributes :id, :title, :body, :read_at, :created_at, :last_reply

node :path do |message|
  message_path(message)
end

child :sender => :sender do
  attributes :id, :nickname
end

child :receiver => :receiver do
  attributes :id, :nickname
end

在初始渲染期间,一切都正常显示。但是,当我更改模型并且重新呈现列表项时,模型的发件人哈希变为空。因此渲染不会打印出发送者的名字。属性喜欢标题仍然显示,因为它们不是嵌套的。

为什么嵌套属性会消失?我在渲染一些中间模型吗?

【问题讨论】:

现在遇到同样的问题。 抱歉更新晚了,但不知何故我的问题几个月前就消失了。 @Chris_Bui 您是否只想在我的问题下方编辑并添加您的示例?其他人可能更容易调试您的问题。 【参考方案1】:

首先要尝试的是,在您的InboxItemViewrender 方法中,console.log(@model, @model.toJSON())。使用网络检查器或萤火虫,展开生成的对象,看看它们有什么不同,如果有的话。没有真正的理由会删除字段,因此您需要弄清楚模型中的内容以及 toJSON 中的内容。

【讨论】:

【参考方案2】:

我们需要查看您的控制器进行确认,但我怀疑当您保存模型时,它会获得更新的响应,该响应通过与发布的模板不同的 rabl 模板。

【讨论】:

以上是关于在模型更改重新渲染时,一些嵌套属性会消失的主要内容,如果未能解决你的问题,请参考以下文章

嵌套反应路由器组件不会在页面重新加载时加载/渲染?

属性更改时如何重新渲染反应组件

Vue 计算属性已更新,但组件未重新渲染

Vue 列表项不会在状态更改时重新渲染

Vue 组件 prop 更改不会触发重新渲染

Vuejs2:数组更改时如何重新渲染数组计算属性