sproutcore主页重构
我为自己构建了我的第一个 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 代码部分。
I build myself my fist sproutcore app. Now the code in resource/mainpage gets big. I want to
refactor the code so views are in their own seperate files.
How to do this?
example code
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... }),
I want to refactor out the mucho code parts.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这将在视图文件夹中生成一个视图。
在你的 mainpage.js
希望这有帮助
this will generate a a view in the views folder.
In your mainpage.js
Hope this helps