Backbone.js 중첩 된보기, 일반 아이디어

Question

backbone.js에서 중첩 모델 및 뷰를 사용하는 방법에 대한 일반적인 아이디어를 얻길 바랍니다.

대화 상자가 여러 개 있고 각 대화 상자에 여러 개의 탭이 있다고 가정 해 보겠습니다. 특정 탭은 둘 이상의 대화 상자에서 재사용 될 수 있습니다. 각 탭은 매우 다르므로 동적으로 대화 상자에 새 탭을 추가 할 수 있습니다.

각 탭마다 다른보기를 갖는 것이 논리적 인 것처럼 보입니다. 또한 대화 상자는보기 여야합니다. 모델과 뷰가 모두 어떻게 어울리는 지에 대해서는 조금 분명하지 않습니다.

이 내 주요 질문 : 부모 뷰가 아이 뷰를 렌더링하고자한다면, 아마 필요

실제로 같은 것을 할 : 다음

var childView = new ChildView(); 

그리고를

this.$("#listOfChildViews").append(childView.el); 

에 jQuery를 사용

추가하기 전에 목록을 지우려면

this.$("#listOfChildViews").html(""); 

이렇게하는 것이 가장 좋은 방법입니까? 전체 목록을 추출한 다음 모든 새로운 개체를 만들어 한꺼번에 추가하기 때문에 조금 나쁘게 보입니다. 아마 'render'함수가 없으면 'renderInitially'그리고 간단히 'add'(새로운 childviews를 추가하기 위해)가 더 좋을 것입니다.

죄송합니다. 너무 죄송합니다.

Answer 1

닉,

나는 백본 모델의 힘을 버려야한다고 생각합니다.

대화 모델 (또는 TabContainer, 대화 상자가보기 개념처럼 들리므로)이 있어야합니다. 각 대화 상자에는 탭 컬렉션이 있습니다 (탭은 다시 뷰 유니버스에 있습니다).

초기 렌더링에서 DialogView의 모든 dialog.tabs 컬렉션을 TabView에 표시합니다.

그러면 DialogView에서 변경된 요소에 해당하는보기 만 대화 모델의 탭 모음 (추가, 제거, 재설정)에서 추가하고 제거 할 수 있습니다.

직접보기를 추가/제거하는 기능을 만들어야합니다. add 함수는 추가 된 탭에 대한 뷰를 생성하고 렌더링 한 다음이 뷰에 추가합니다. $ ("# listOfChildViews").

희망이 있습니다.