1

我有两次打印用户数据的问题，这是代码：

window.UserData = {}
UserData.Model = Backbone.Model.extend();
UserData.Collection = Backbone.Collection.extend({
  url: '/test.php?c=userData',
  model: UserData.Model,
  parse: function (response) {
    return response.data;
  }
});
UserData.View = Backbone.Marionette.CompositeView.extend({
  tagName: 'span',
  template: Handlebars.compile($('#user-data-template').html())
});
BaseApp.Layout = Backbone.Marionette.Layout.extend({
  template: Handlebars.compile($('#base-layout-template').html()),
  regions: {
    'region_user_data': '#user_data_reg'
  },
  initialize: function () {
    _.bindAll(this);
  },
  onRender: function () {
    var self = this;
    var c = new UserData.Collection();
    c.fetch({
      success: function () {
        var ud = new UserData.View({
          collection: c
        });
        self.region_user_data.show(ud);
      }
    });
  }
});

此 BaseApp 布局在一个区域（在正文中）上呈现一次。

这是模板：

<script id='user-data-template' type='text/x-handlebars-template'>
    <a href="#" id="logout"> Logout </a> Hola {{uname}}
</script>

<script id='base-layout-template' type='text/x-handlebars-template'>
    base page layout
    <div id="user_data_reg" class="user_data_reg"></div>
</script>

这是浏览器（chrome）中显示的内容：

Logout Hola Logout Hola 14

如您所见，它两次显示用户布局，但第一次不显示 uname，这有点奇怪，因为在 chrome 中我有这个：

child {models: Array[0], length: 0, _byId: Object, 
constructor: function, url: "http://localhost/test.php?c=userData"…}

该模型仅显示 1 并且它的作用是打印两次内容。

此外，当我获取收集数据时，我会这样做：

c.fetch({
  success: function () {
    var ud = new UserData.View({
      collection: c
    });
    self.region_user_data.show(ud);
    console.log("print xx");
  }

它只记录一次“print xx”，而不是我预期的两次。

为什么即使集合仅获取单个模型，我也会获得双重 userData 内容，为什么会发生这种情况？问候。

4

1 回答 1

0

这是视图类型的问题，我没有使用“CompositeView”，而是切换到了 ItemView，问题就消失了。我猜 Marionette 强制将 ItemView 用于单个数据。

于 2013-04-25T18:08:13.363 回答