Sproutcore menu

Question

私はsproutcore（v1.7.1.beta）を学び始めています。私は、適切な実装の問題について非常に心配しています。そのうちの1つはメインメニューです。

これを行うにはどのような正しい方法がありますか？

メニュー項目がクリックされた場合は状態を変更する必要があると思いますか？私はSC.TemplateCollectionViewでそれをやろうとしましたが、どの項目がクリックされたかをどのように判断するのか理解できません。

マイCollectionView：

App.MainMenuItemView = SC.TemplateCollectionView.extend({ 
    contentBinding: 'App.mainMenuController', 
    mouseUp: function(){ 
    // 
    } 
}); 

Answer 1

あなたは

SC.SegmentedViewを使用します。

topNav: SC.SegmentedView.extend({ 
    classNames: ['top-nav'], 
    items: [ 
     { 
      title: "App.title1".loc(), 
      value: 1, 
      action: 'action1' 
     }, 
     { 
      title: "App.title2".loc(), 
      value: 2, 
      action: 'action2' 

     }, 
     .... 
    ], 
    itemTitleKey: 'title', 
    itemValueKey: 'value', 
    itemWidthKey: '85', 
    itemActionKey: 'action', 
    valueBinding: 'Binding to current tab value' 
})   

ような何かあなたが.... itemIconKey経由

をアイコンを指定それとも独自のカスタムSC.Viewをロールバックすることができます。