DOM에서 제거 후 다시 패널을 추가하면

Question

내가 가진 패널을 만들 실패!

는 그럼 난 add()를 통해 내 DOM에 oMainView을 추가

// Div to put it in 
var oWindowDiv = Ext.get(strStartDiv); 
// Container to hold it 
var oContainer = Ext.create('Ext.container.Container', { 
     id  : 'findMe', 
     layout : 'fit', 
     renderTo : oWindowDiv, 
     autoRender: true 
     }); 
oContainer.add(oMainView); 

나중에 다음, 우리의 프레임 워크를 최소화하는 모든 div를 삭제합니다. 페이지 새로 고침 없음 따라서 극대화하려면 동일한 방식으로 저장 한 oMainView을 추가하고 싶습니다.

FF와 Chrome에서 완벽하게 작동합니다. 그러나 Internet Explorer (7, 8, 9)는 패널을 렌더링하지 못합니다. 빈 HTML 요소 만 렌더링합니다.

무엇이 문제입니까?

추신. 패널을 다시 만들고 싶지 않습니다. 컨테이너에 다시 추가하기 만하면됩니다.

---

편집 : 생성 된 패널 객체에 문제가 있어야합니다. 새 테스트 패널을 추가하면 작동합니다.

oTest = Ext.create('Ext.panel.Panel', { 
       title: 'Test', 
       html: 'Text' 
      }); 

그러나이 저장된 패널을 추가해도 작동하지 않으며 오류가 없습니다. Div는 비어 있습니다.

Answer 1

.

Answer 2

이것은 ExtJS 구성 요소가 작동/사용되는 방식이 아닙니다. 그리고 렌더링 & 레이아웃은 구성 요소 생성의 무거운 부분이며 매번 사용자의 경우에 수행해야합니다. 정말 사용하지 않는 구성 요소를 숨기려면이 구성 요소를 제거하지 않는 것이 좋습니다. 카드 레이아웃으로 쉽게 보관할 수 있습니다.

하지만 다시 문제가; 구성 요소에는 이미 렌더링 된 경우이를 나타내는 비공개 매개 변수가 저장되므로 문제가 발생할 수 있습니다. autoDestroy: false 설정을 사용하여 소유자 컨테이너에서 호출 된 remove()을 사용하여 DOM에서 하위 구성 요소를 제거해야합니다 (잘하면 내부 매개 변수를 재설정).

중복 ID가 없는지 확인하십시오.

덧붙여서 과 함께 autoRender: true을 사용하는 것은 의미가 없습니다. 귀하의 경우에는 두 번째 구성이 컨테이너 렌더링의 대상이되는 렌더링 대상을 가지고 있지 않기 때문에 아무 것도 수행하지 않습니다.

는 외장 용기는 DOM에서 제거됩니다 직전

, 내가 .removeAll(false);를 호출하는 데 필요한 : 이제 며칠 마침내 해결 한 후