Marionette CompositeView中的select>選項上下文

Question

我試圖設置一個簡單的Marionette's CompositeView。這就是我想要的到底是：

%select#target-id 
    %option{:value => "#{@id}"} = @name 
    %option{:value => "#{@id}"} = @name 
    etc 

在我CompositeView我指定的childViewContainer: select，我需要在此選擇的選項，以顯示兩個@name（用於可讀性）和@id（對於相關事件） 。由於默認的div元素的性質，我可以給speficfy tagName爲option我ItemView：

class New.TargetView extends App.Views.ItemView 
    template: "path/to/template" 
    tagName: 'option' 

而且在模板中，我可以通過只待創建選項元素的內容：= @name。這可以正常工作，Marionette爲每個模型創建一個選項元素，並使用模型的名稱填充它。問題是我不知道如何傳遞屬性，因爲我無法指定尚未創建的元素的屬性。

我也試圖在ItemView這樣設置attributes屬性：

attributes: 
    value: "#{@id}" 

它在技術上的工作原理：該選項填入value=""屬性，但內容是不確定的。請指教。

Answer 1

我不太確定使用attributes的部件。您應該傳遞散列或函數，以便返回散列，如Backbone view.attributes docs中所述。

attributes: 
    value: "#{@id}" 

在舊金錢它的作品是這樣的。這裏是jsfiddle。

attributes: function() { 
    return { 
     value: this.model.id 
    }; 
} 

Answer 2

CompositeView和ItemView分別是需要木偶集合和模型的意見。當您創建CompositeView時，您會傳遞一組模型，其中每個模型都將傳遞給相應的ItemView。

我的猜測是，它不是模板的問題，但與您如何設置數據。據我所知，ItemView沒有attributes選項，你必須用正確形成的集合初始化CompositeView，或在ItemView上用serializeData方法創建新屬性。

在第一種情況下，你會做這樣的事情：

var SomeCompositeView = Marionette.CompositeView.extend({ 
    template: "your-template-name", 
    childViewContainer: select 
}); 

var SomeItemView = Marionette.ItemView.extend({ 
    template: "your-other-template", 
    tagName: 'option' 
}); 

// This collection can be retrieved from a database or anywhere else 
// Just make sure that the models have the fields you want 
var myCollection = new Backbone.Collection([{id: "someid1", name: "name1"}, {id: "someid2", name: "name2"}]); 

var view = new SomeCompositeView({collection: myCollection}); 

在第二種情況下，你將有類似的東西，但是，ItemView你必須：

var SomeItemView = Marionette.ItemView.extend({ 
    template: "your-other-template", 
    tagName: 'option', 
    serializeData: function() { 
     return { someAttribute: "someValue" } 
    } 
} 

剛請記住，對於第二種方法，ItemView必須有權訪問您要返回的值。 serializeData僅用於重新格式化數據或對無法在模板上執行的數據執行操作。該模板只能訪問您從serializeData返回的變量，與原始模型無關。