중첩 모델 및 사용자 지정 템플릿이있는 백본 양식

Question

현재 Backbone forms을 사용하고 있습니다.

현재 중첩 모델을 사용하여 잘로드되는 스키마가 있습니다. 템플릿으로 시도하고 스타일을 지정할 때 예상되는 결과를 얻지 못합니다.

bedrooms: { 
    type: 'NestedModel', 
    model:Bedroom, 
    editorAttrs: { 
    class: 'bedrooms' 
    } 
} 

이이에 의해 호출되는 사용자 지정 서식없이 올바르게 표시 :

<div class="bounding"> 
    <h2>Title1 </h2> 
     <div data-fields="name,type"></div> 
     <div data-fields="bedrooms"></div> 
    </div> 
    <div class="bounding"> 
     <h2>Title 2</h2> 
     <div data-fields="description"></div> 
    </div> 

침실

과 같이 스키마에 정의되어

템플릿은 다음과 유사합니다

template: _.template($('#formTemplate').html()) 

이 줄을 제거하면 사용자 지정 서식 파일이 올바르게 표시됩니다.

<div data-fields="bedrooms"></div> 

사용자 지정 템플릿과 중첩 모델을 모두 사용할 수있는 방법이 있습니까? 중첩 모델에는 템플릿이 정의되어 있지 않으며 스키마 만 추가되었습니다.

감사

업데이트 : Js Fiddle 부착 등

// template: _.template($('#formTemplate').html()), 

는 작업 방식을 볼 수 전환해야하며 올바른

UPDATE보고하지 :

Tommi Komulainen 매우 가까이 그의 대답은 Here이고, 설명은 실제로는 첫 번째 경계 div가 아니라 둘째. 이것을 어떻게 두 번째로 옮길 수 있습니까?

업데이트 2 :

임 (가) 현재 중첩 된 각 항목의 렌더링 호출하고 기본이 현재 작동하고 있지만 "좋은"솔루션 같은 느낌이 나던이

form.fields.bedrooms.render(); 
$('#bedrooms').html(form.fields.bedrooms.el); 

처럼 렌더링 한 후 다시 주입

Answer 1

템플릿 전체에 래퍼 DIV 태그를 추가해보십시오. 템플릿에는 하나의 기본 포함 요소가 있어야합니다.

Answer 2

나는 <div data-fields="bedrooms"></div> 대신

<div data-fieldsets="bedrooms"></div> 

해야한다고 생각합니다.