view - 如何在 Sproutcore 中 Split View文件？

Question

假设您有一个 SC.SplitView 来实现主从功能，现在我希望有一个开发人员负责定制主件的 SC.ViewList，同时让另一个开发人员负责 SC 的定制和可用性。查看详细信息。

随着页面越来越大，我想知道是否有一种已知的做法，即如何将文件一分为二，在一个文件中包含 SC.View master-child，在另一个文件中包含 SC.View detail-child。

有没有人遇到过这种需求？

Answer 1

您可以轻松地将 View 拆分为多个文件，强烈建议您这样做!

主要前提是您将拥有三个 View :

SC.SplitView

左 View ，和

右 View

您需要使用 sc_require以便 SplitView 可以找到其他人。这是一个快速示例:

# Inside my_app/resources/main_page.js

sc_require('views/left_split_panel')
sc_require('views/right_split_panel')

SplitView.extend({
  childViews: ['leftPanel', 'rightPanel'],

  leftPanel: MyApp.LeftSplitPanelView.extend(SC.SplitChild, {
    minimumSize: 200
  }),

  rightPanel: MyApp.RightSplitPanelView.extend(SC.SplitChild, {
    autoResizeStyle: SC.RESIZE_AUTOMATIC
  })
})

然后，另外两个 View :

#inside my_app/views/left_split_panel.js

MyApp.LeftSplitPanelView = SC.View.extend({
  childViews: ['someView anotherView'],

  someView: SC.View.extend(...),
  anotherView: SC.View.extend(...)
})

和

#inside my_app/views/right_split_panel.js

MyApp.RightSplitPanelView = SC.View.extend({
  childViews: ['dudeView sweetView'],

  dudeView: SC.View.extend(...),
  sweetView: SC.View.extend(...)
})

查看第二个 Getting Started guide 的“分离 View ”部分获取更多信息，也许是一个更好的例子(快速说明: SC.View.design() 和 SC.View.extend() 几乎相同，但 .design() 已被弃用；我们正在更新指南以匹配最佳实践)。