Sproutcore菜单

Question

我开始学习sproutcore(v1.7.1.beta)。我非常关心正确实现的问题，其中一些things...one是主菜单。

那么正确的方法是什么呢？

如果菜单项被点击，我想我需要改变状态，对吗？我试着用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。