sproutcore主页重构

Question

我建立了我的第一个拳头sproutcore应用程序。现在resource/mainpage中的代码变得很大。我想重构代码，这样视图就可以放在各自独立的文件中。

该怎么做呢？

示例代码

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... }),

我想重构出很多代码部分。

Answer 1

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

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

在你的mainpage.js中

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

希望这能有所帮助