Benney Blog

ExtJS 4가 정식버전이 출시되었습니다.

기존에 문제 있던 던 부분들에 대해 거의 해결된 듯 하고 성능부분도 

충분히 개선되었다고 생각됩니다

해서 실무에서 적용가능한 코드를 공개하여 강좌를 진행 해보려고 합니다.

현재 mvc모델을 적용하여 프로젝트를 진행하고 있고 이 프로젝트에서 나오는

주요 코드를 오픈하는 것으로 강좌를 진행할까 합니다.

주요 내용

1. ExtJS 4를 활용한 UI 구성

2. MVC모델을 통한 콤포넌트 제어

3 실프로젝트에서 활용가능한 공통컴포넌트 만들기(데이터베이스 연계)

4 스프링프레임웍을 활용한 서버쪽 코드 만들기

5 Sencha SDK를 활용한 배포파일 만들기

ExtJS 포럼을 개설했습니다.

블로그를 운영도 병행 해야 겠지만

현재 프로젝트 중이라 글을 올리기 힘드네요

포럼에 경우 프로젝트 진행 중에도 해결 안되는 문제를

올리고 해결하는 과정들도 댓글로 첨부와 함께 올려서

해결 완료까지 히스토리를 보기 좋다는 장점이 있습니다.

집에서 돌아가고 있는 DS210J(나스)에 phpbb를 이용해

포럼을 구성했습니다.

질문도 올려주시고 답변도 같이 해주시면 감사하겠습니다.

http://benney.able.or.kr/forum

    
// History.js 의 예
Ext.define("Docs.etc.History", {
    singleton: true,
    init: function () {
    	
        Ext.util.History.init(function () {
        	
            this.historyLoaded = true;		// 최초에 true이고 이후 변경없음.
            this.initialNavigate();
        }, this);
        // 아래는 history가 변경될 때 navigate함수를 호출하라는 내용이다.
        // "이벤트", "호출함수", "인자1", "인자2"
        // 단 인자는 모두 object여야한다.
        Ext.util.History.on("change", this.navigate, this, {'a':'aa'});
    },
    navigate: function (c, d) { // 탭을 클릭하면 history 변경되고 아래를 실행
    	console.log('navigate::', c, d); // 이렇게 확인
    	var d = this.parseToken(c);
    	// loadIndex(true) : true는 왜 ??
    	if (d.url === "#!/guide") {
    		Docs.App.getController("Guides").loadIndex(true);
    	} else {
    		if (d.type === "guide") {
                Docs.App.getController("Guides").loadGuide(d.url, true);
            }
    	}
    }