有沒有辦法用RequireJS動態地改變Marionette ItemView模板？

我想在Marionette CollectionView中動態地操作itemViews。這些集合具有相同的模型，但我在模型中定義了templateName參數。有沒有辦法用RequireJS動態地改變Marionette ItemView模板？

問題是，我可以通過這個參數操作ItemView模板嗎？

ItemView控件：

define(['text!templates/ComponentItemViewTemplate.html','models/ComponentModel'], function (template, model) { 
    var ItemView = Backbone.Marionette.ItemView.extend({ 
     template: _.template(template), 
     model: model 
    }); 

    return ItemView; 
});

的CollectionView：

define(['views/ComponentItemView', 'views/LoadingView'], function(ItemView, LoadingView) { 
    var ComponentListView = Backbone.Marionette.CollectionView.extend({ 
     emptyView : LoadingView, 
     id: "component-list", 
     itemView: ItemView, 
     events: { 
      'click .title span' : 'show' 
     }, 
     appendHtml: function(collectionView, itemView, index){//i would like to render different templates, for different models. 
      itemView.$el.draggable({ helper: "clone", cancel: ".component .title span", connectToSortable: ".ui-sortable" }); 
      collectionView.$el.append(itemView.el); 
     }, 
     show: function(r) { 
      var target = $(r.target); 
      if(target.parent().hasClass('open')){ 
       target.parent().removeClass('open'); 
       target.parent().next().slideDown('fast'); 
      }else{ 
       target.parent().addClass('open'); 
       target.parent().next().slideUp('fast'); 
      } 
     } 
    }); 

    return ComponentListView; 
});

謝謝！

來源

2013-03-20 Robert Bokori

我會用'getTemplate'函數在ItemView中分配模板名稱。 https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.view.md#change-which-template-is-rendered-for-a-view – 2013-03-20 23:38:20

有沒有辦法，呈現requirejs加載模板後的itemview？在模板被要求之前，我會得到你的溶劑，並得到notemplate錯誤。（模板）{返回_模板（模板）;}函數（模板）{} ）;}' – 2013-03-21 09:47:12

您可以重寫getTemplate函數並在其中編寫自定義邏輯。 Marionette documentation recommends以下選項：

MyView = Backbone.Marionette.ItemView.extend({ 
    getTemplate: function(){ 
    if (this.model.get("foo")){ 
     return "#some-template"; 
    } else { 
     return "#a-different-template"; 
    } 
    } 
});

來源

2013-07-02 09:11:51

我認爲gumballhead是在正確的軌道上。您可以覆蓋getTemplate函數來執行此操作。


MyCollectionView = Marionette.CollectionView.extend({ 

    // ... 

    getItemView: function(item){ 
    // get the template from the item... or wherever else it comes from 
    return new MyViewType({ 
     template: item.get("the-template") 
    }); 
    } 


});

。希望做什麼，你需要

來源

2013-03-21 13:30:54

首先，我想感謝大家誰試圖幫助我。我解決了我自己的問題。這裏是sollution，如果有人需要它：

define(['models/ComponentModel'], function (model) { 

    var ItemView = Backbone.Marionette.ItemView.extend({ 
     model: model, 
     render: function() { 
      var that = this; 
      var data = this.serializeData(); 

      require(['text!templates/components/editor/' + that.model.get('editor_template') + '.html'], function(Template){ 
       var html = _.template(Template, data); 
       that.$el.html(html); 
      }); 
     } 
    }); 

    return ItemView; 
});

編輯：（更好sollution）

建議，歡迎！

來源

2013-03-21 14:13:00

有沒有辦法用RequireJS動態地改變Marionette ItemView模板？

回答

相關問題