Sproutcore에서 뷰 파일을 분할하는 방법은 무엇입니까?

Question

마스터 디테일 기능을 구현하기 위해 SC.SplitView가 있다고 가정 해 보겠습니다. 지금은 한 개발자가 마스터 피스의 SC.ViewList를 사용자 정의하는 작업을하고 싶습니다. 세부 사항의 SC.View.

페이지가 점점 커짐에 따라 하나의 파일에 SC.View 마스터 - 아이가 있고 SC.View 마스터 - 아이가있는 파일을 두 개로 분할하는 방법이 있는지 궁금합니다. 다른.

누구나이 필요를 채우고 있습니까?

Answer 1

보기를 여러 파일로 쉽게 분할 할 수 있으며 매우 권장됩니다.

1. SC.SplitView
2. 을 왼쪽보기 및
3. 당신이 필요합니다 오른쪽보기

:

주요 전제는 세 가지보기를하는 것입니다 SplitView가 다른 것을 찾을 수 있도록 sc_require을 사용하십시오. 그런 다음

# 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 
    }) 
}) 

, 다른 두 개의보기 :

#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의 "뷰를 분리"섹션 여기에 빠른 예제 더 나은 예 (빠른 참고 : SC.View.design()과 SC.View.extend()은 거의 동일하지만, .design()은 더 이상 사용되지 않고 있습니다. f 모범 사례와 일치하도록 가이드 업데이트).