javascript - sproutcore 主页面重构

Question

我自己构建了我的第一个 sproutcore 应用程序。现在资源/主页中的代码变大了。我想重构代码，以便视图位于它们自己的单独文件中。

这个怎么做？

示例代码

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

这将在 views 文件夹中生成一个视图。

在你的 mainpage.js

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

希望这可以帮助