백본에 중첩 템플릿을 만드는 방법

Question

저는 백본에서 새로운 도구 모음 (도구 모음 div에 있음)에서 단추를 클릭하려고하는데이 단추는 "새로 만들기"라고합니다. 클릭 후 ID가 "app-list"인 다른 div에서 새 패널을 열려고합니다.

그러나 새로운 버튼을 누를 때 항상 '앱 목록 "DIV 여기

를 오버라이드 (override) 내 코드 (I는 백본 및 커피 스크립트 사용하고 있습니다)된다 모른 채

class MyApp.Views.ToolbarAppView extends Backbone.View 
    el: "#toolbar-app" 

    events: "click #add_new": "newApp" 

    newApp: (e) -> 
    myapp = new MyApp.Models.App 
    @model = myapp 
    newPanel = new MyApp.Views.NewAppView({ el: @$el, model: @model, parent: @}) 
    newParent.render() 

class MyApp.Views.NewAppView extends Backbone.View 
    template: JST["myapp", "new_app_view"] 

    render: -> 
    fieldsPanel = new MyApp.Views.EditAppView({ el: @$el, model: @model, parent: @}) 
    fieldsPanel.setElement('#app-list').render() 



class MyApp.Views.EditAppView extends Backbone.View 
    template: JST["myapp", "edit_app_view"] 
    tagName: "tr" 
    className: "edit_data" 

    render: -> 
    @$el.html(@template({ el: @$el, model: @model, parent: @}) 

Answer 1

을 방법을 HTML 구조가 보이기 때문에 문제가 무엇인지 추론하기가 쉽지 않습니다. 그러나, 여기이 두 줄에가는 재미 뭔가 :

fieldsPanel = new MyApp.Views.EditAppView({ el: @$el, model: @model, parent: @}) 
fieldsPanel.setElement('#app-list').render() 

당신이보기의 elToolbarAppView의 el로 설정 생성자에서, 그리고 다음 줄에 다른 하나에 요소를 변경합니다. 다음으로 두 줄을 교체

시도 : 그 실패 할 경우

fieldsPanel = new MyApp.Views.EditAppView({ el:'#app-list', model: @model, parent: @}) 

이, 특히 HTML 템플릿의 관련 부분에 대해 더 많은 정보와 질문을 편집하는 것이 좋습니다.