sproutcore рефакторинг главной страницы

Question

Я создаю себе приложение для прорастания кулаков. Теперь код в ресурсе / главной странице становится большим. Я хочу реорганизовать код, чтобы представления были в отдельных файлах.

Как это сделать?

пример кода

Tp.mainPage = SC.Page.design({
  mainPane: SC.MainPane.design({
  childViews: [SC.TabView.design({
    value: "welcome",
    items: [
        { title: "Welcome", value: "welcome"},
        { title: "route", value: "Tp.mainPage.contentview"},
        { title: "manifold", value: "manifold"},

    ],
    itemTitleKey: 'title',
    itemValueKey: 'value',
    layout: { left:12, right:12, top:12, bottom:12},
    userDefaultKey: "mainPane",
  })]
 }),
 welcome: SC.LabelView.design({ ..some code }),

 contentview: SC.SplitView.design({
  ..mucho code... }),

 manifold: SC.View.extend({
  ..mucho code... }),

Я хочу перестроить части кода Mucho.

Answer 1

sc-gen view Tp.WelcomeView --target=Tp

это создаст представление в папке представлений.

В вашем mainpage.js

welcome: Tp.WelcomeView.design({ ... maybe layout ... })

Надеюсь это поможет