Прорастающее меню

Question

Я начинаю изучать sproutcore (v1.7.1.beta). Я очень обеспокоен вопросами правильной реализации некоторых вещей ... одна из них - главное меню.

Какой правильный способ сделать это?

Думаю, мне нужно изменить состояние, если щелкнуть по пункту меню, верно? Я пытался сделать это с SC.TemplateCollectionView, но не могу понять, как определить, по какому элементу была нажата кнопка?

My 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.