Sencha extjs 페이지이동(container 변경) 질문

Question

sencha extjs로 개발 진행중인 신입 개발자입니다.다름이아니라 패널 같은 부분을 Ext.ComponentQuery.query(패널아이디)[0] 이런식으로가져와 패널을 removeAll()한후 add로 다른패널을 추기하는 방법으로 컨테이너의 패널변경은 잘됫지만 컨테이너 같은경우 화면전체를 바꾸고 싶을때window로 만든 뷰를 최상위 컨테이너 위에 띄어야 할때는 어떻게 해야할까요 ㅠ컨테이너를 패널과 같이 removeAll을 해서 지우게 된다면 그안에 패널들까지 모두 삭제되어다시 add를 해도 그틀만 살아나지 안에있는 패널들은 죽더라구요 ㅠ 페이지이동 처럼 구현하려고하는데 도와주세요 밑에는 제샘플코드입니다. // 첫번째 패널 인스턴스 var main &#61; Ext.ComponentQuery.query('#contentPanel')[0]; // viewport 인스턴스 var mainContainer &#61; Ext.ComponentQuery.query('#mainContatiner')[0]; console.log(main); console.log(mainContainer.isWindow); // var loginContainer &#61; Ext.ComponentQuery.query('#loginContatiner')[0]; if (hashTag.match('main')) { this.redirectTo('join'); } else if(hashTag.match('login')){ Ext.suspendLayouts(); mainContainer.removeAll(); // 추가 mainContainer.add(Ext.apply({ xtype : hashTag }, { })); Ext.resumeLayouts(true); } else { Ext.suspendLayouts(true); // 패널 삭제 main.removeAll(); // 추가 main.add(Ext.apply({ xtype : hashTag }, { })); Ext.resumeLayouts(true);

아쉬운날들 · Accepted Answer

보통 로그인 완료되면 그냥 window.close() 메서드보다는 destroy() 메서드로 윈도우컴포넌트 제거하시면 해결될거 같네요.

아쉬운날들 · Answer

로그인 페이지일 경우는 패널을 remove 할필요없이 그냥 window 컴포넌트를 사용해서 전체적으로 덮어주면 될거 같습니다.저는 아래와 같이 별도로 hashTag가 login일 경우 아래처럼 그냥 create 생성해서 전체페이지 덮어주는 방식으로 진행합니다.Ext.create({ xtype: hashTag, routeId: hashTag, hideMode: 'offsets'});

자바스크립투 · Answer

저번부터 정말 감사하게 보고있습니다..전체페이지를 덮어주는것처럼 하는것까지 성공을 했습니다.그다음이 문제인것이 ㅠ 이전페이지를 클릭하였을때이미 create로 로드된 뷰를 다시 이전의 뷰로 돌리는 방법은 무엇인가요 ㅠ? if (hashTag.match('main')) { this.redirectTo('join'); } else if(hashTag.match('login')){ Ext.create({ xtype: hashTag, routeId: hashTag, hideMode: 'offsets' }); } else { Ext.suspendLayouts(true); // 패널 삭제 main.removeAll(); // 추가 main.add(Ext.apply({ xtype : hashTag }, { })); Ext.resumeLayouts(true); }

자바스크립투 · Answer

그위에 또 다시 기존에 뷰를 create하려하니.. 콘솔ㅇ ㅔ찍어봣을때 여러개가 찍히는 현상이 일어나네요 ㅠ

자바스크립투 · Answer

변경하는걸 admin페이지를 보고 성공했습니다 .ㅠ.ㅠ소스보고 이해를 좀 해야할거 같네요..모르는게 있으면 질문남기겠습니다 감사합니다.

자바스크립투 · Answer

아쉬운날들님 죄송하지만 css를 적용할 당시에 html에 임포트하고 사용하게되면main에는 적용이 되는데 다른 view에서는 적용이 안되는데 따로 설정할게 있는건가요 ㅠ?

아쉬운날들 · Answer

늦게 봐서 죄송합니다. 빌드된 경우에는 scss 폴더내에 Main.sass?? 같은 sass 파일이 존재할것입니다.해당 부분에 클래스 정의를 해주시거나 혹은 컴포넌트 config에 적용해주셔야 할겁니다.제가 옥히는 잘 로그인 안하는지라..구글계정 있으시다면 Youtube 에서 &#34;ExtJS TV&#34; 검색 후, 해당 채널에서 질문주시면 될거같습니다.유튜브는 실시간으로 푸쉬가 날라오다보니 ^^

자바스크립투 · Answer

네 감사합니다.

Sencha extjs 페이지이동(container 변경) 질문

8개의 답변

Q&A 목록