Javascript 将JSon对象传递给木偶复合视图_Javascript_Json_Backbone.js_Marionette

Javascript 将JSon对象传递给木偶复合视图

javascript json backbone.js

Javascript 将JSon对象传递给木偶复合视图,javascript,json,backbone.js,marionette,Javascript,Json,Backbone.js,Marionette,我有一个显示对象列表的简单表格，但是我想传递一个布尔值，这样，如果用户登录后可以看到[edit]按钮，我已经尝试将参数作为listItem传递，但无法，有人能解释一下吗澄清：我希望能够从模板内部访问该值 var TableView = {}; TableView.RowItemView = Marionette.ItemView.extend({ tagName: "tr", template:$('#table-template-ite

我有一个显示对象列表的简单表格，但是我想传递一个布尔值，这样，如果用户登录后可以看到[edit]按钮，我已经尝试将参数作为listItem传递，但无法，有人能解释一下吗

澄清：我希望能够从模板内部访问该值

       var TableView = {};

    TableView.RowItemView = Marionette.ItemView.extend({
        tagName: "tr",
        template:$('#table-template-item').html(),

        //if required add events and triggers here.
        events: {
            "click td a.js-show": "showClicked",
            "click td a.js-edit": "editClicked"
            }

       });

    TableView.MainTable = Marionette.CompositeView.extend({
        tagName: "table",
        className: "table table-hover",
        template: $('#table-template').html() ,
        itemView: TableView.RowItemView,
        itemViewContainer: "tbody"

    });

   return TableView;

    InitialController.home = function () {
    console.log("initializing application layout");
    var list = new PropertiesModel.ContactCollection;
    list.fetch({reset: true});
    var tableView = new TableView.MainTable({
        collection: list
    });

    app.mainRegion.show(tableView);

};

我假设您的应用程序中有某个地方可以知道用户是否登录。为了便于论证，我将假定它封装在一个附加到用户对象的函数中，而用户对象又附加到全局应用，因此

MyApp.CurrentUser.isLoggedIn（）

您可以采取的一种方法是在

RowItemView

和该

CurrentUser

对象之间添加依赖项。渲染

行项目视图时

测试用户是否登录并相应更新视图

我在这里对您的代码做了很多假设，但这段代码应该演示一下基本思想：

  onRender: function() {
    if (MyApp.CurrentUser.isLoggedIn()) {
      this.$('.js-edit').removeClass('hidden');
    }
  }

附录

那么，您想更新视图的多个部分吗？尝试使用templateHelpers属性：

TableView.RowItemView = Marionette.ItemView.extend({

  template: /* resolves to: */ '<td><%= getItemOne() %></td>' +
                             '<td><%= getItemTwo() %></td>',
  templateHelpers: {
    getItemOne: function() {
        if (window.isLoggedIn) {
            return 'Logged In Content';
        }
        return 'Not Logged In Content';
    },
    getItemTwo: function() {
        if (window.isLoggedIn) {
            return 'Logged In Content';
        }
        return 'Not Logged In Content';
    }
}

这种方法的问题是，您正在从CompositeView传递一个变量，这意味着您需要覆盖CompositeView的

buildItemView

属性，坦率地说，这似乎比它的价值更大，但如果您想尝试它，这里有一个小提示：

TableView.MainTable = Marionette.CompositeView.extend({
  initialize: function(collection, options) {
    this.isLoggedIn = options.isLoggedIn;
    // ...
  },
  buildItemView: function(item, ItemViewType, itemViewOptions){
    var options = _.extend({model: item, isLoggedIn: this.isLoggedIn }, itemViewOptions);
    return new ItemViewType(options);
  },

MyApp.CurrentUser.isLoggedIn（）