자바 스크립트에서 데이터 보유 페이지 탐색

Question

우리는 거의 15 개의 모듈과 jQuery 모바일을 사용하여 phonegap 모바일 엔터프라이즈 앱 (많은 정보 캡처 및 표시)을 만들고 있습니다. 우리는 기본적으로 Page1에서 page2로 page3에서 page3으로 이동하려고합니다. 뒤로 및 다음 기능을 선택한 다음 page3에 제출하십시오. 이제 page1에서 page2로 이동하여 page3으로 돌아 왔을 때 모든 데이터가 컨트롤에서 유지되기를 원합니다. 어떻게 이것을 수행할까요? 우리는 단일 페이지 구현 기술을 사용하고 있지만 매우 혼잡 해져 있기 때문에 단일 페이지에 모든 div (페이지)를 넣을 것을 고대하지 않습니다.

유지할 데이터를 말할 때, page1에 채워지는 데이터가 무엇이든, page2와 page3을 탐색 한 후 페이지로 돌아 오면 유지됩니다. 즉, Page1 next -> fill page2 next-> fill page3 back -> page2 (데이터 보유) back-> page1 (데이터 보유)

Answer 1

페이지의 상태를 유지한다는 의미라면 DOM에 유지하지 않으려는 것입니다. 나는 너에게 Backbone을 추천한다. 프레임 워크를 사용하면 요소를 별도의 View 객체에 저장할 수 있습니다. DOM에서 자유롭게 그것을 파기하고 나중에 던질 수 있습니다. - 모든 것이 "데이터"입니다. - 원할 때마다.

jQuery 모바일 및 백본은 조금 충돌합니다. 탐색 메커니즘에 중첩되며, JQM은 기반으로 표시되며, 백본은 프로그래밍 방식으로 표시됩니다. 그러나 쉽게 해결할 수 있습니다. 나는 그런 종류의 일을 위해 백본을 사용하는 것을 선호한다. 내가 Christophe Coenraets에서이 훔친

$(document).bind("mobileinit", function() { 
    $.mobile.ajaxEnabled = false; 
    $.mobile.linkBindingEnabled = false; 
    $.mobile.hashListeningEnabled = false; 
    $.mobile.pushStateEnabled = false; 
}); 

$('div[data-role="page"]').live('pagehide', function(event, ui) { 
    return $(event.currentTarget).remove(); 
}); 

: P

그리고 나머지, 페이지 탐색을위한 백본을 사용하는 방법을 ..., 당신은 Backbone Documents이

당신은 JQM을 사용할 수 있습니다 읽어야 여기 JQM 탐색을 해제하는 방법 UI 프레임 워크로 백본 MV * 프레임 워크로. 백본 사용 방법을 아직 모르는 경우에는 배워야합니다. 그것은 당신의 시간 가치가있어 :)