Sproutcore 菜单

Question

我开始学习sproutcore(v1.7.1.beta)。我非常关心正确执行某些事情的问题...其中之一是主菜单。

这样做的正确方法是什么？

如果单击了菜单项，我想我需要更改状态，对吧？我试着用SC.TemplateCollectionView做，但不明白，如何确定点击了什么项目？

我的收藏视图：

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。