2012-12-27 2 views
0

나는 backbonejs를 배우는 중입니다. 인기있는 할일 목록 자습서로 작업 중입니다.백본에있는 this.save

  1. 하나에서 모델 난이 기능을 발견 :

    toggle: function() { this.save({completed: !this.get(’completed’)});} 
    

    내가 이해하지 못하는 것은 이것입니다

    나는 특정 질문에 어느 대해 내가 조금 혼란 스러워요 있습니다. 저장 기능. 어떻게 작동합니까? 그것은 실제로 무엇을 저장하고 어디에서. 그리고이 함수 내의 코드는 무엇을 의미합니까 : completed: !this.get 등등.

  2. 내가 코드 줄을 볼 수있는보기 중 하나에서
  3. :

    this.input = this.$(’#new-todo’); 
    

    이제 어떻게 this.input 의미합니까? 그리고 나는 또한 this.$('#new-todo');

이 더 많은 코드가 이해에 필요하면 알려 보자 sytnax을 이해하지 않습니다. 또한 누군가가 백본에 대한 훌륭한 학습 리소스를 가르쳐 줄 수 있다면 정말 좋을 것입니다. 현재 저는 addyosmani의 '백본 기본'에서 배우고 있습니다.

그것은 기본적으로 모델의 속성을 "완료"로 역 값을 저장,

+0

예 친애하는 나는 매우 잘 알고있다.. 나는 문서를 언급하고있다. 내가 백본으로 막 시작하는 것처럼 특정 물건에 대해 조금 혼란스러워. 다소 혼란 스러울만큼 문서 이외의 좋은 자원을 알고 계십니까? 감사. – beNerd

답변

1

백본 모델 및 컬렉션에는 모두 URL 속성이 있습니다.

백본을 올바르게 설정하면 백엔드 모델을 처음으로 저장할 때 url에 대한 페이로드로 모델을 HTTP 요청으로 보냅니다 (id 속성이 설정되지 않았습니다). 나는 save를 호출하고 모델 id는 이미 설정되어있다. 백본은 기본적으로 url에 PUT 요청을 보낸다. 모델 가져 오기 기능은 GET 요청을 생성하고 DELETE 요청을 삭제합니다.

백본을 RESTfull JSON 인터페이스와 함께 사용하는 방법입니다.

모델을 저장할 때 예제 에서처럼 실제 모델을 정의하여 저장할 수 있습니다.

Backbone.js 설명서를 읽으십시오. 괜찮아!

0

전환 : 함수() {this.save은 (}) '완료'썩 (!의 {완료)}. 따라서 모델의 현재 속성이 true이면 false로 저장됩니다!

this.input = this. $ ('# new-todo');

기본적으로 현재 VIEW의 'el'에서 id "new-todo"를 가진 DOM을 저장/캐싱하여 인스턴스의 'input'속성을 봅니다. 앞으로 필요할 때 동일한 요소를 가져 오는 jQuery 메서드를 호출 할 필요가 없습니다.

희망이 도움이됩니다.

0

전환 : 함수() {this.save은 ({완료}) '완료'썩 (!의);}

백본 모델 설정 한 경우 속성 백본은 HTTP하게하는 url 속성을 가지고 해당 값을 데이터 소스에 저장하라는 URL을 요청하십시오.여기 그것은

0

:

내가 너무 생각 데이터 소스에 저장됩니다 값 "완료"이전의 역에 "완료"속성의 값을 설정하는 것입니다 백본 초보자와 나는 기초에 대한 좋은 통찰력을 주었고 나는 약 3 ~ 4 일의 검색 후에 발견 한 좋은 자습서를 찾고 있었다. backbonetutorials.com을 살펴보고 라우터, 콜렉션, 뷰 및 모델에 대해 알아야 할 내용을 정확하게 제공하는 비디오가 있습니다. 이 튜토리얼은 매우 기본적인 일이지만 당신은 기본 JQuery와, 자바 스크립트 지식이 필요 http://backbonetutorials.com/videos/beginner/

:

샘플 작업

에서 찾을 수 있습니다. 샘플 코드를 살펴볼 때 다른 탭에서도 http://www.jquery.com을 열어 두십시오. 문서화는 매우 유용합니다.

일단 jquery에 대해 잘 알고 있으면 튜토리얼을 살펴보면 이해하고 이해할 수 있습니다. 일단 MV의 백본 패턴을 얻으면 사랑하게 될 것입니다.

p.s : 당신이 배우고 직접 입력해야하는 경우 붙여 넣기 코드 또는 함수를 복사하지 마십시오! ..

건배

로이