Backbone 문서 03

2522 단어

경로

var Workspace = Backbone.Router.extend({
    routes: {
        'help': 'help',
        'search/:query': 'search'
    },
    help：function () {

    },
    search:function (query,page) {

    }
});

라우팅 클래스 옵션

  • routes 속성
  • 구성 방식은 키 값이 맞고 어떤 페이지를 돌릴 때 감청할 수 있음route.on('route.home')
  • constructor/initialize, 사용법new Backbone.Router([options])
  • route 방법, router.route(route,name,callback) 루트맵 추가
  • naivgate 방법, 수동 점프 루트
  • execute
  • 루트가 응답하는callback과 일치할 때 실행됨
    • //  
app.navigate("help/troubleshooting", {trigger: true, replace: true});
//  
var Router = Backbone.Router.extend({
    execute: function (callback,args) {
        // callback action
        // args  
    }
});

    객체 라우팅 방법

  • router.route(route,name,[callback])
  • 동적 추가 라우팅
  • 첫 번째는 루트 문자열, 정규 표현식, 두 번째는 루트 이름, 세 번째는 리셋 함수
  • router.navigate(fragment,[options])
  • 이 방법은 동적 내비게이션이 가능
  • 첫 번째 매개 변수, 내비게이션할 주소
  • 두 번째 매개 변수, 이렇게 설정할 수 있습니다
  • {trigger: true} 점프뿐만 아니라 해당 액션도 촉발
  • {replace: true} 현재 주소를 대체하는 내비게이션

    • 역사

  • Backbone.history.start()
  • start에서 파라미터를 설정할 수 있지만 브라우저에서 h5를 지원하고 서버에 해당하는 설정을 해야 한다
  • 지원되지 않는 경우 사용{pushState: true}

    • 보기


    뷰 생성 옵션

  • {hasChange:false}, 사용방식constructor/initialize, 이것new Backbone.View([options])은 다음과 같은 여러 가지 특수한 속성이 있다.
    • 다음 몇 가지 옵션은 보기에 마운트된 요소를 정의하고render 방법에서 이 요소를 페이지에 동적으로 추가합니다.이 몇 가지 속성은 extend에서도 사용할 수 있습니다
  • tagName
  • className
  • id
  • attributes

    • 이미 존재하는 마운트 요소를 지정합니다.이 속성은 extend에서도 사용할 수 있습니다
  • el

    • 기타
  • model
  • collection
  • events

    • 뷰 클래스의 옵션

  • template
  • events
  • render

    • 보기 대상의 속성이나 방법

  • options 마운트 요소 동적 변경
  • view.setElement(element) 여기서 속성은 마운트 요소의 모든 속성
    • 을 말합니다.
  • view.attributes 페이지에 jQuery를 도입하면 보기마다 jQuery 선택기
    • 가 있습니다
  • view.$(selector) 페이지에서 뷰 이동

    • 실용적 기능

  • view.remove()
  • CommonJS를 사용하여 Backbone을 로드하려면 동적 설정Backbone.onConflict
    • 이 필요합니다.
    TypeScript 샘플 9 시도
    angularjs 1.x 사용자 정의 지령의 컨트롤러와 지령 간의 통신

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage