Sencha Touch의 다른보기에서 뒤로 단추를 누를 때

Question

내 응용 프로그램에 잎 목록 노드에 중첩 목록이 있습니다.지도 단추가 있습니다. 내 MapView를이 단추에 연결했는데, 이제 MapView의 뒤로 가기 버튼을 탭하면 다음 경고가있는 리프 노드 대신 빈보기가 표시됩니다.

WARN] [Ext.Component # constructor] 이미 사용 된 id (mainlist)를 가진 컴포넌트. 기존 구성 요소가 손상되었는지 확인하십시오.

[WARN] [Ext.Component # constructor] 이미 사용 된 id (`detailcard`)로 구성 요소를 등록하는 중입니다.

[WARN] [Ext.Component # constructor] 이미 사용 된 id (`description`)로 구성 요소를 등록하는 중입니다. . 기존의 구성 요소가 파괴 된 확인하십시오 (`Ext.Component의 번호는()를`파괴

내지도 단추를

onDetailButtonTap :. 기능 (activeItem) {
VAR 기록 = this;

Ext.Viewport.animateActiveItem((
           Ext.create('App.view.MapView')), 
           { 
            type: 'slide', 
            direction:'left', 
           }).show(); 
}, 

내지도보기

handler: function(){ 
           //var x=document.getElementById("textt"); 
           //alert(x.innerHTML); 


           Ext.Viewport.animateActiveItem((
           Ext.create('App.view.Sections')), 
           { 
            type: 'slide', 
            direction:'left', 
           }).show(); 

          } 

나는이 문제에 대한 일반적인 해결 방법은 대신 구성 요소를 쿼리 id를 사용하는 itemId을 사용하는 것입니다 몇 가지 심각한 도움을

Answer 1

이 필요합니다. itemId을 사용하면 Ext.ComponentQuery.query를 사용하여 모든 쿼리를 만들 수 있습니다.

Ext.getCmp ('[구성 요소 ID]');

는

Ext.ComponentQuery.query ('# [YOUR COMPONENT OF 항목 ID]()'에 해당);

이 ComponentQuery에 더 파고하려면 링크를 클릭하십시오 :

http://docs.sencha.com/touch/2.2.0/#!/api/Ext.ComponentQuery

예 :

을 당신은 itemId와 id과 용기/항목이있다. 그냥 ID를 사용하여 제목을 변경하려면이처럼

는

items: [ 
      { 
       xtype: 'titlebar', 
       docked: 'top', 
       id: 'titleBar', 
       itemId: 'barTitle', 
       title: 'fooBar' 
      }, 

그래서, 당신은이 작업을 수행합니다

Ext.getCmp('titleBar').setTitle('Title Changed using ID'); // '제목 표시 줄'을 당신은이 같은 작업을 수행 할 수 있습니다

아이디입니다 itemId도 사용하십시오.이를 위해, 당신은 다음과 같은 코드의 라인을 작성할 수 있습니다

// 'barTitle'

Ext.ComponentQuery.query('#barTitle')[0].setTitle('Title Changed using ItemId'); 

는 항목 ID

위의 두 가지 방법으로이 같은 일을 할 수 있습니다. 따라서 두 번째 방법으로 문제를 해결할 수 있습니다. 즉, itemId과 함께 Ext.ComponentQuery.query 기능을 사용할 수 있습니다.

희망이 도움이됩니다.