正確使用Backbone Marionette CompositeView

Question

我有以下問題/難題： 我在Facebook的左上角創建類似於菜單的菜單（查找請求，收件箱，通知），我正在使用Backbone Marionette CompositeView中。 我遇到的問題是，當我點擊一些項目時，我點擊元素添加/刪除css類，如何通知其他項目，他們需要刪除css類，如果有它，在點擊的ItemView不知道關於其他元素的存在。 我有一個解決方案：

<script id="ulTemplate" type="text/template"> 
    <ul class="ulItem"> 
    </ul> 
</script> 
<script id="internal-Item" type="text/template">  
    <div class="<%= className %>"></div> 
</script>  
<div class="container"> 
</div> 

http://jsfiddle.net/omher/hQeuD/ ，但我不喜歡它/覺得是一個 你認爲什麼是正確的？ 如果不是我如何通知其他元素單擊了其他元素？ 使用事件？ 謝謝

Answer 1

使用事件。見我的回答你的其他問題在這裏：notifications/error handling in marionettejs

在你的榜樣，每個div應該是一個項目視圖，並在click應（例如）MyApp.trigger("div1:clicked")。然後，在您的控制器中，您需要

MyApp.on("div1:clicked", function(){ 
    // adapt the CSS classes of the parent element here 
})