2013-04-27 1 views
0

첫 번째 Backbone 앱으로 올바르게 작업하고 내 페이지로 렌더링하려고합니다.백본 엘을 뷰 페이지로 올바르게 렌더링하는 방법

나는이 응용 프로그램을 쓴 적이 있지만 나는이 HTML보기에서 렌더링 응용 프로그램의 HTML 넣어 갈까요 방법을 가지고 있지 않았다 물론 이것은 내 응용 프로그램

var Search = { 
    Models: {}, 
    Collections: {}, 
    Views: {}, 
    Templates:{} 
} 

Search.Views.App = Backbone.View.extend({ 
    initialize:function() { 
     console.log('Search.Views.App initialize') 
    }, 
    render:function (options) { 
     this.$el.html('hello world'); 
    } 
}); 

입니다

<script type="text/javascript"> 
$(function(){ 
    var SearchApp = new Search.Views.App({ 
     id:"product-name-results" 
    }); 
    SearchApp.render(); 
}); 
<script> 

을이 렌더링 방법은 html view에 추가되지 않지만 뷰에 추가하는 방법은 무엇입니까?

답변

3

내가 el: ''id: ''을 변경, 나는 그것을 만들려면 때문에 도움을

+0

감사합니다, 나는 의도적으로 페이지에 HTML 요소를 추가하지 한 HTML 컨테이너를 추가, 기본적으로이 Fiddle

보기 필요한 경우에만 동적으로, 가능합니까? – vitto

+1

조건부로'render'를 호출하고 숨겨진 div를 남길 수 있습니다. 또는 render 함수에서 원하는 요소를 추가 할 수 있습니다 :'$ ('body'). append (yourView.el)',이 문장에서도'$ el'을 사용할 수 있습니다. – juanpastas

관련 문제