2011-09-21 2 views
2

우리는 sencha touch 앱으로 개발을 시작했습니다. Google 앱의 일부에는 탐색 기능이 포함되어 있습니다. 몇 가지 출발점이 있지만 그 이후의 모든 내용이 요청에 따라 동적으로로드되기를 바랍니다. 데이터의 구조는 무한 재귀 적이므로 크기를 무시하고 전체 파일을 만드는 것은 사실상 불가능합니다.JSONP를 통한 sencha touch 동적 목록

데이터를 실제로 heirchical 아니기 때문에 저장소가 불가능한 것 같아요. 우리가하고자하는 것은 탭이 탭핑 된 항목을 기반으로 새로운 목록을 반환하는 새로운 JSONP 요청을 보내는 것입니다. 스 와이프는 항목을 목록으로 반환하고 페이지가 매김되며 실제로 잎 노드를 갖습니다.

우리는 결과를 저장하거나지도를 유지할 필요가 없습니다. 뒤로 가면 아무리 멀리 떨어져도 출발점으로 이동합니다.

나는 중첩 목록이 계층 구조 데이터를 기반으로한다는 것을 알고 있으며 우리는 그것을 가지고 있지 않습니다. 새 요청을 보내고 새 데이터가있는 패널에 템플릿을 적용하는 방법을 살펴 보았지만 슬라이드 전환을 원합니다. 어떤 접근 방식을 취해야합니까?

답변

1

이미 답변이 있습니다. 템플릿 만 있고 새 데이터가 적용됩니다. 슬라이드 전환을 달성하려면 두 개의 카드를 사용하고 두 카드 사이를 전환하십시오. 예를 들어 내 코드를 참조하십시오.

App.view.CustomCard = Ext.extend(Ext.Panel, { 
     id: 'customCard', 
     layout:'card', //important 
     cardSwitchAnimation: 'slide', //important 
     initComponent: function() { 
      Ext.apply(this, { 
       defaults: {xtype: 'panel'}, 
     items: [ 
      { html:'FirstPanel'}, 
      { html:'SecondPanel'} 
      ] 
      }); 
      }}); 

그런 다음, 첫 번째 패널에 탭 또는 슬쩍 이벤트를 수신 새로운 요청을하고, 제 2 패널에 데이터를 입력합니다. 카드가 내 추측했다

+0

Ext.getCmp('customCard').setActiveItem(0);를 사용하는 사이에

참고 전환합니다. 두 개의 패널이 있고 그냥 밀어서 활성 상태이고 어느 것이로드인지를 교대로 알 수 있습니다. 감사! – kyle