백본 : 라우터를 통해보기에서 하나의 모델 데이터를 가져와 표시하는 방법

Question

어떻게 작동하는지 이해하기 위해 매우 기본적인 백본 응용 프로그램을 만들었습니다.

라우터에서 나는 URL에 ID를 전달하여 전체 컬렉션이 아닌 사용자 만 모델을 표시하고 싶습니다. 어떻게 수행합니까?

예를 들어, someapp.com/app/#user/2을하고 싶습니다. 그러면 사용자 2의 세부 정보 만 표시됩니다.

는 jsfiddle

// router 
var ViewsRouter = Backbone.Router.extend({ 

    routes: { 
    '': 'viewOne', 
    'one': 'viewOne', 
    'two': 'viewTwo', 
    'user/:id': 'user' 
    }, 

    viewOne: function() { 
    var view = new TheViewOne({ model: new TheModel }); 
    }, 

    viewTwo: function() { 
    var view = new UserView({ model: new TheModel }); 
    }, 

    user: function(id) { 
    // how to get just 1 user with the corresponding id passed as argument 
    // and display it??? 
    } 
}); 

많은 감사에서 내 작품을 참조하십시오.

Answer 1

https://github.com/coding-idiot/BackboneCRUD

나는 초보자를위한 어떤 백엔드 물건과 함께 완벽한 백본 CRUD를 작성했습니다. 아래는 part으로 사용자를 컬렉션에서 가져 와서 표시/렌더링합니다.

보기

var UserEditView = Backbone.View.extend({ 
     render: function(options) { 
      if (options && options.id) { 
       var template = _.template($("#user-edit-template").html(), { 
        user: userCollection.get(options.id) 
       }); 
       this.$el.html(template); 
      } else { 
       var template = _.template($("#user-edit-template").html(), { 
        user: null 
       }); 
       // console.log(template); 
       this.$el.html(template); 
      } 
      return this; 
     }, 

라우터이

router.on('route:editUser', function(id) { 
    console.log("Show edit user view : " + id); 
    var userEditView = new UserEditView({ 
     el: '.content' 
    }); 
    userEditView.render({ 
     id: id 
    }); 
}); 

업데이트

특히, 코드에 집착, 라우터가 같은 것을 볼 것이다 :

를

user: function(id) { 
    var view = new UserView({ model: userCollection.get(id) }); 
    }